Webページ内にFacebookやTwitterの純正ボタンを入れると、iframeだったりなんだりで、Google Analyticsのクリック計測が簡単にはできない。
FacebookのSDK(sdk.js)とTwitterのwidgets.jsを使って、GAの「集客」「送客」「プラグイン」で集客できるようにしてみる。
<div id=”fb-root”></div>
<script src = “//connect.facebook.net/ja_JP/sdk.js”></script>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v2.5’
});
};
FB.Event.subscribe(‘edge.create’, function(targetUrl) {ga(‘send’, ‘social’, ‘facebook’, ‘like’);});
FB.Event.subscribe(‘edge.remove’, function(targetUrl) {ga(‘send’, ‘social’, ‘facebook’, ‘unlike’);});
window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];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);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,”script”,”twitter-wjs”));
twttr.ready(function (twttr) {twttr.events.bind(‘click’, function (e) {ga(‘send’, ‘social’, ‘twitter’, ‘click’); });
});</script>
<script src = “//connect.facebook.net/ja_JP/sdk.js”></script>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v2.5’
});
};
FB.Event.subscribe(‘edge.create’, function(targetUrl) {ga(‘send’, ‘social’, ‘facebook’, ‘like’);});
FB.Event.subscribe(‘edge.remove’, function(targetUrl) {ga(‘send’, ‘social’, ‘facebook’, ‘unlike’);});
window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];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);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,”script”,”twitter-wjs”));
twttr.ready(function (twttr) {twttr.events.bind(‘click’, function (e) {ga(‘send’, ‘social’, ‘twitter’, ‘click’); });
});</script>
詳しくはanalytics.jsのソーシャル インタラクション関連ページをどうぞ。
Lineボタンなどは
<script>
jQuery(function () {
jQuery(“.social_button_line”).click(function () {
ga(‘send’, ‘social’, ‘line’, ‘click’);
});
});
</script>
jQuery(function () {
jQuery(“.social_button_line”).click(function () {
ga(‘send’, ‘social’, ‘line’, ‘click’);
});
});
</script>
みたいな感じで、class（上の例では.social_button_line）のclickを計測してga(‘send’, ‘social’, ‘line’, ‘click’);すればいいです。
これで、「集客」「送客」「プラグイン」の「ソーシャルネットワークとアクション」に
facebook : like
facebook :unlike
twitter: click
line : click
の数が集計されます。