サイトに設置しているFacebookいいねやTwitterツイートボタンなどがクリックされた回数をGoogle Analyticsで測定しようと試行錯誤しているのですが、なかなか上手くいきません。
このURL(http://www.seohacks.net/blog/tool/universal_analytics2/)の「ソーシャルプラグイン」の部分で紹介されている方法を試したのですが、いつまで経っても反映されるのはGoogle+のみです。
参照したページに「iframe版では計測できない」と書かれていたのですが、それが原因なのでしょうか?
ちなみにFacebookいいねボタンの生成では、バルーン型で「HTML5」「XFBML」「IFRAME」などを選択する際は「HTML5」を選んでいます。
どなたか計測方法をご存知の方がいましたら、ご教授お願いしますm(_ _)m
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答2件
0
投稿2015/02/03 00:32
総合スコア25
0
こんにちは。
設定の方法は、従来型のGoogleアナリティクスとユニバーサルアナリティクスとでは異なりますので、ypponさんが計測しようとされているサイトがどちらを使用しているかをまず調べてください。
サイトの トラッキング コード スニペットが参照しているのが「ga.js」であれば従来型、「analytics.js」であればユニバーサルアナリティクスを使用していることになります。
いずれの場合も、Facebookボタンは XFBMLまたは HTML5で実装、Twitterボタンは最新のコードで実装してください。
コードが認識され計測が開始されるまでにはしばらく時間がかかります。
なお、下記のコード内「http://sample.jp」はすべて計測するサイトのURLに差し替えてください。
【従来型のGoogleアナリティクス(ga.js)の場合】参考リンク
下記のコードを計測したいサイトのソース内、</body>の直前に記述してください。
※アナリティクスタグの中ではなく、まったく別のスクリプトとして<body>内に記述します。
lang
1<script type="text/javascript">function extractParamFromUri(uri,paramName){if(!uri){return}var uri=uri.split('#')[0];var parts=uri.split('?');if(parts.length==1){return}var query=decodeURI(parts[1]);paramName+='=';var params=query.split('&');for(var i=0,param;param=params[i];++i){if(param.indexOf(paramName)===0){return unescape(param.split('=')[1])}}}twttr.events.bind('tweet',function(event){if(event){var http://sample.jp;if(event.target&&event.target.nodeName=='IFRAME'){http://sample.jp=extractParamFromUri(event.target.src,'url')}_gaq.push(['_trackSocial','twitter','tweet',http://sample.jp])}});</script> 2<script type="text/javascript">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"));</script> 3<script type="text/javascript">FB.Event.subscribe('edge.create',function(http://sample.jp){_gaq.push(['_trackSocial','facebook','like',http://sample.jp])});FB.Event.subscribe('edge.remove',function(http://sample.jp){_gaq.push(['_trackSocial','facebook','unlike',http://sample.jp])});FB.Event.subscribe('message.send',function(http://sample.jp){_gaq.push(['_trackSocial','facebook','send',http://sample.jp])});</script>
【ユニバーサルアナリティクス(analytics.js)の場合】参考リンク
下記のコードを計測したいサイトに設置したアナリティクスタグの中、</script>の直前に記述してください。
lang
1<script> 2 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 3 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 4 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 5 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 6 7 ga('create', 'UA-XXXXXXXX-Y', 'navigater.info'); 8 ga('send', 'pageview'); 9 FB.Event.subscribe('edge.create', function(http://sample.jp) {ga(['send', 'social', 'facebook', 'like', http://sample.jp]);}); 10 FB.Event.subscribe('edge.remove', function(http://sample.jp) {ga(['send', 'social', 'facebook', 'unlike', http://sample.jp]);}); 11 FB.Event.subscribe('message.send', function(http://sample.jp) {ga(['send', 'social', 'facebook', 'send', http://sample.jp]);}); 12 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")); 13 twttr.ready(function (twttr) {twttr.events.bind('click', function (e) {ga('send', 'social', 'twitter', 'click', window.location.href); }); 14 twttr.events.bind('tweet', function (e) {ga('send', 'social', 'twitter', 'tweet', window.location.href);});}); 15</script>
【WordPressサイトで従来型(ga.js)を使用している場合】
Google Analytics Social Engagement Tracking Codeというプラグインがありますので、そちらをインストールして設定していただくことが可能です。
以上、ご参考いただければ幸いです。
投稿2015/02/02 06:36
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/02/03 00:56
退会済みユーザー
2015/02/03 01:12
2015/02/03 05:09
退会済みユーザー
2015/02/03 05:29
退会済みユーザー
2015/02/03 05:37
2015/02/03 06:11
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。