ツイートボタンにコールバックイベントを設定する

+1ボタンを設置してみよう。 - みかづきブログ その3

かつて、+1ボタンを押してくれたユーザーに感謝の気持を込めてゴリラの写真を披露する実装を試したことがありますが、今回はツイートボタンを押してくれたユーザーに感謝の気持を込めてゴリラの写真を披露してみようと思います。

Tweet

ツイート ありがとうございます！

※ ゴリラの写真を撮りに行ったんですがゴリラが不在でチンパンジーになってしまいました。

ソースはこんな感じです。

HTML

<a class="twitter-share-button"
 data-size="large" href="https://twitter.com/share">
Tweet
</a>
<script>
window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;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"));

window.twttr.ready(function (twttr) {
    twttr.events.bind('tweet', call_back_event);
});
 
function call_back_event(intent_event) {
    if (intent_event) {
        // ツイート時処理
        document.getElementById("goriraGP").className = "on";
    };
}
</script>