如何跟踪推文按钮的点击？答案

【问题标题】：How to track Tweet Button clicks?如何跟踪推文按钮的点击？
【发布时间】：2011-05-04 19:51:07
【问题描述】：

我想通过 Google Analytics 跟踪推文按钮的点击，但推文按钮是一个 iframe，其中包含来自另一个域的内容。是否有一些技巧可以为推文按钮点击添加回调？

【问题讨论】：

您是否希望将点击跟踪作为实际推文的代理？因为实际上跟踪该计数比跟踪您要执行的操作更容易。
我需要 Google Analytics（分析）中点击的完整统计信息，Tweet Button 也不例外。 Facebook Like 按钮具有带有“edge.create”事件的“FB.Event.subscribe”功能。 Twitter 有类似的东西吗？
分享！ :) 我正在寻找一种方法来做同样的事情。

标签： javascript iframe twitter google-analytics same-origin-policy

【解决方案1】：

或者..你可以简单地将事件添加到你的 div 并等待这个 div 被点击，比如：

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

当然，如果您只需要点击，而不需要回调。

【讨论】：

好了各位，请注意问题的出处。四年多前有人问过 Twitter API 什么时候不如现在好。

【解决方案2】：

<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);
  });
}

【讨论】：

dev.twitter.com/web/javascript/events中有相关文档

【解决方案3】：

怎么样：

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

【讨论】：

顺便过去了四年多:-)

【解决方案4】：

试试这个

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

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

【讨论】：

【解决方案5】：

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

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

【讨论】：