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

关于什么：

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

Answer 4

尝试这个

使用 Google Analytics 跟踪社交按钮的点击次数

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

Answer 5

一种想法是为 Twitter 按钮 href 生成一个 UTM 链接，然后将其添加回 iFrame 源页面作为 href 源。这将提供对您的 Google Analytics（分析）跟踪的点击/会话/用户数据的可见性

为此，首先复制原始超链接并用作使用 Google 链接构建器构建链接的源。生成后，返回 iframe 源页面并将新的 UTM 链接添加为 href 源。