Universal Analyticsでソーシャルプラグインに記録する(ツイートボタン)

元記事→[ GA ]ソーシャルボタンのクリックをGoogle Analyticsのソーシャル プラグインに記録する

ツイッター公式で取得するツイートボタンのタグ( https://twitter.com/about/resources/buttons#tweet )を加工する必要がありめんどくさい
加工に関する公式ドキュメント:JavaScript Interfaces for Twitter for Websites

// GAにはこんな感じで飛ばす
ga( 'send', 'social', 'facebook とか Twitter とか', 'like とか tweet とか', 'ターゲットURL', {'page': 'ページパス'} );
// ↓必要なようにしてみた
ga( 'send', 'social', 'twitter', intentEvent.type, targetUrl )
を活用すればいいらしい

ツイートボタン

上記のコード(UAの部分だけ加工)

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>
<script>
window.twttr = ( function(d,s,id){
    var js,fjs=d.getElementsByTagName(s)[0];
    p=/^http:/.test(d.location)?'http':'https';
    if(!d.getElementById(id)){
        js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);
        return window.twttr || ( t = { _e: [], ready: function( f ){ t._e.push( f ) } } )
    }
}(document, 'script', 'twitter-wjs') );

var twttr_sub = {
    clickEventToAnalytics: function( intentEvent ) {
        if( !intentEvent ) return;
        var targetUrl = intentEvent.target.baseURI;
        ga( 'send', 'social', 'twitter', intentEvent.type, targetUrl )
    }
    , tweetIntentToAnalytics: function( intentEvent ) {
        if( !intentEvent ) return;
        var targetUrl = intentEvent.target.baseURI;
        ga( 'send', 'social', 'twitter', intentEvent.type, targetUrl )
    }
};

twttr.ready( function( twttr ) {
    twttr.events.bind( 'click', twttr_sub.clickEventToAnalytics );
    twttr.events.bind( 'tweet', twttr_sub.tweetIntentToAnalytics );
} );
</script>

詳しい事は公式ドキュメントを…
JavaScript Interfaces for Twitter for Websites
Social Interactions - Web Tracking (analytics.js)

Related Posts Plugin for WordPress, Blogger...

0 件のコメント:

コメントを投稿

static_page