javascript - ユーザーがクリックしたときにのみTwitterボタンJavaScriptを適用する

Question

Twitterボタンの単純なjavascriptバージョンの組み込みの利点をすべて取得できる比較的きれいな方法はありますが、ユーザーが実際にボタンをクリックするまで、かなり重いjavascriptの実行を延期しますか?

次のようなアンカー タグを作成できると考えています。

<a class="twitter-share-button" 
   onclick="clicked_twitter_button(this);" 
   data-url="http://www.mysite.com"
   data-count="none"
>             
    <img src="twitter_button.gif" />
</a>

次に、次のような関数を定義します (注: 元の投稿を編集し、href を設定するようになりました):

function clicked_twitter_button( anchor_instance ) {
    // The line below is specified by twitter.
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
    anchor_instance.href = "https://twitter.com/share";
    // Do something to mimic click of < anchor_instance >
}

Twitter 固有の JavaScript が通常挿入する画像とまったく同じに見えるようにするtwitter_button.gifと、Twitter 固有の JavaScript の実行は、基本的にユーザーにとって何もしないように見えます。これは非常に簡単です (Twitter のイメージがすべてのプラットフォームで同じであると仮定すると)。

うまくいけば、助けが必要な唯一のことはanchor_instance、Twitter の JavaScript が実行された後のクリックをシミュレートする方法を見つけることです。

私の目的は、javascript Twitter ボタンが提供する素敵なポップアップ (およびデフォルト) を維持することです。

ありがとうございました。