javascript - ツイートボタンのクリックを追跡する方法は？

Question

Google Analyticsを介してツイートボタンのクリックを追跡したいのですが、ツイートボタンは別のドメインのコンテンツを含むiframeです。ツイートボタンクリックのコールバックを追加するためのトリックはありますか？

Answer 1

<a style="float:left;position: relative;display: inline-block" target="_blank" href="//twitter.com/intent/tweet?url=http%3A%2F%2Ftechiessolution.com%2Fcss&amp;count=none&amp;source=tweetbutton&amp;text=testing%20Testing%20123%20Title&amp;original_referer=techiessolution.com">Tweet</a>

if (typeof twttr === "undefined") {
  $.getScript("//platform.twitter.com/widgets.js", function () {
    function handleTweetEvent(event) {
      if (event) {
        console.log(event['target']);
      }
    }
    twttr.events.bind("tweet", handleTweetEvent);
  });
}

Answer 2

または..あなたのdivにイベントを追加して、このdivがうまくクリックされるのを待つことができます.

<div class="clickMe">
   //twitter button there
</div>
<script>
$('clickMe').click(function(){
    //my awesome  code there
})
</script>

確かに、コールバックではなくクリックのみが必要な場合。

Answer 3

これを試して

Google アナリティクスでソーシャル ボタンのクリックを追跡する

http://www.conversionworks.co.uk/blog/2013/05/16/tracking-clicks-on-social-buttons-with-google-analytics/

Answer 4

どうですか：

twttr.events.bind('click', function(e){
    // Send GA event
    console.log(e);
});

Answer 5

Twitter ボタン href の UTM 化されたリンクを生成し、href ソースとして iFrame ソース ページに追加し直すことも考えられます。これにより、Google アナリティクス トラッキングでクリック/セッション/ユーザー データを可視化できます

これを行うには、まず元のハイパーリンクをコピーし、Google リンク ビルダーを使用してリンクを作成するためのソースとして使用します。生成されたら、iframe ソース ページに戻り、新しい UTM リンクを href ソースとして追加します。