How to track Tweet Button clicks?

20
votes

I want to track tweet button clicks via Google Analytics, but tweet button is an iframe with content from another domain. Is there some tricks to add callbacks for tweet button click?

5
javascriptiframetwittergoogle-analyticssame-origin-policy
Are you looking to track clicks as a proxy for actual tweets? Because its actually easier to track that count than to track what you're trying to do. - Yahel
I need a full statistics for clicks in Google Analytics and Tweet Button isn't an exception. Facebook Like button have "FB.Event.subscribe" function with "edge.create" event. Anything like this for Twitter? - Oleksandr Skrypnyk
Share! :) I am looking for a way to do the same thing. - marko

5 Answers

1
votes

Or.. u can simply add event to your div and wait when this div well be clicked, like a:

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

Sure, if you need only click, not callback.

1
votes
<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);
  });
}
0
votes

What about:

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

One thought is to generate a UTM'd link for the Twitter button href, then add back into iFrame source page as the href source. This will provide visibility into the click/session/user data on your Google Analytics tracking

To do this, first copy the original hyperlink and use as the source for building the link using the Google link builder. Once generated, come back into the iframe source page and add the new UTM'd link as the href source.