Bloggerで始める今時のブログ（Analyticsのタグを埋め込む）

さて、Bloggerには管理画面に「統計」というタブがあってある程度のアクセス集計は確認することができます。

だがしかし、細かい解析をするには少し物足りません。
そんな時には同じGoogleのサービスのGoogle Analyticsを使いましょう！




Bloggerを作るときにもうGoogleアカウントはあるので、設定はらくちん！
「今すぐアクセス」をクリック
次の画面で「プロファイルを追加」をクリックして、作ったブログを登録しましょう！

登録が終わると、埋め込むタグが用意されます。
これをコピーしてBlogger側に埋め込みます。

Google Analyticsで生成された埋め込み用コード

Blogger側で「デザイン」のタブから「HTMLの編集」をクリックします。

まあまずいじる前に、ぶっ壊れたときにもとに戻せるように「テンプレートをすべてダウンロード」からバックアップをとっておきましょう。

その上で「テンプレートを編集」から</head>を探してその前にタグを埋め込みます。

view plainprint?

1. "  
2.     </b:template-skin>  
3. <script type='text/javascript'>  
4.   
5.   var _gaq_gaq = _gaq || [];  
6.   _gaq.push([&#39;_setAccount&#39;, &#39;UA-24559530-2&#39;]);  
7.   _gaq.push([&#39;_trackPageview&#39;]);  
8.   
9.   (function() {  
10.     var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;  
11.     ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;  
12.     var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);  
13.   })();  
14.   
15. </script>  
16.   </head>  

"
    </b:template-skin>
<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push([&#39;_setAccount&#39;, &#39;UA-24559530-2&#39;]);
  _gaq.push([&#39;_trackPageview&#39;]);

  (function() {
    var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
    ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  </head>

テンプレートを保存して完了！となります。