Blogger で Universal Analytics を使用する

Blogger には、標準で Google Analytics と連携する機能があります。ダッシュボードの「設定」→「その他」の中に「Google Analytics」という項目があって、アナリティクスのウェブ プロパティ ID を入力すれば、それだけで Analytics 用の JavaScript が include されるという便利なものです。

ただ、この設定だと Google Analytics が利用できるようになるだけで、Universal Analytics を利用することができません。そのため、Blogger で Universal Analytics を使用するためには、テンプレートに JavaScript を埋め込む必要があります。

テンプレートの <b:include data='blog' name='google-analytics'/> という行を探して、その直下に Google によって提供された Analytics 用の JavaScript スニペットを追加します。サンプルコードは次のようになっていますが……

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

これを、次のように変更します（シングルクォートを実体参照に置き換えるのですが、もしかしたら自動的に修正されたかもしれません）。

<b:include data='blog' name='google-analytics'/>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,&#39;script&#39;,&#39;//www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);
ga(&#39;create&#39;, &#39;UA-XXXX-Y&#39;, &#39;auto&#39;);
ga(&#39;send&#39;, &#39;pageview&#39;);
</script>
<!-- End Google Analytics -->

あと、せっかくなので、Analytics で拡張属性も拾えるようにコードを 1 行追加しておきましょう。

<b:include data='blog' name='google-analytics'/>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,&#39;script&#39;,&#39;//www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);
ga(&#39;create&#39;, &#39;UA-XXXX-Y&#39;, &#39;auto&#39;);
ga(&#39;require&#39;, &#39;displayfeatures&#39;);
ga(&#39;send&#39;, &#39;pageview&#39;);
</script>
<!-- End Google Analytics -->

※ UA-XXXX-Y は Google Analytics のウェブ プロパティ ID に置き換えて下さい。

最後に、Blogger のダッシュボードでアナリティクスのウェブ プロパティ ID を設定している場合は、空白に戻しておきます。

Blogger の小枝