[Twitter] ツイートボタンの独自イベントを取得してクリックしたときに何か処理させる

Twitter のツイートボタンの独自イベントを取得して、ツイートボタンをクリックしたときに何か処理をさせたいときに役立つスニペットをご紹介します。

// https://dev.twitter.com/web/javascript/loading より
window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
 
  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };
 
  return t;
}(document, "script", "twitter-wjs"));
 
twttr.ready(function (twttr) {
  twttr.events.bind("tweet", function (event) {
    console.log('Tweet ボタンをクリックしたタイミングで呼び出したい処理');
  });
});

使い方の事例は、例えば Google Analytics のイベントトラッキング機能でツイートボタンのクリック数を計測したいとかでしょうか。


参考情報