Googleのアクセス解析の種類と設置場所まとめ

2017年4月24日

解析イメージ

Googleのアクセス解析やアクセス解析タグの設置場所について、社内のコーダーに聞いてみたのでまとめます！

アクセス解析とは

簡単な説明になりますが、ホームページにアクセスして来た閲覧者の特性や傾向を知る方法です。

ホームページに何人くらいのユーザがアクセスしているのか、どこが注目されているのかなど
ホームページにアクセスして来た閲覧者の情報や傾向を客観的に知るための手段です。
主に「Googleアナリティクス」などのJavaScriptを利用したアクセス解析ツールを利用します。

Googleのアクセス解析の設置方法

アクセス解析ツールを利用するには
取得したアクセス解析のタグ（トラッキングコード）をホームページに貼り付けます。
トラッキングコードが記載されたページしかアクセス解析は行われないので
解析の対象にしたい全てのページにトラッキングコードを設置します。

Googleの各トラッキングコードの設置場所、種類

Googleのトラッキングコードは歴代複数存在しています。

対象のホームページにトラッキングコードが設置されているか確認したい場合や、
新たにトラッキングコードを設置したい場合、種類によって設置場所が異なっています。
それぞれのトラッキングコードと設置場所をまとめます。

Googleアナリティクス

UniversalAnalytics（ユニバーサルアナリティクス）analytics.js
○トラッキングコード　 (UA-XXXXXXXX-X　は対象のサイトごとにことなります。)


<script>// <![CDATA[
(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-XXXXXXXX-X', 'auto');
  ga('send', 'pageview');
// ]]></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-XXXXXXXX-X', 'auto');

ga('send', 'pageview');

// ]]></script>

○設置場所終了タグよりも前の部分

旧トラッキングコード ga.js または urchin.js

旧トラッキングコードのサポートは終了されています
https://developers.google.com/analytics/devguides/collection/upgrade/
現在、旧トラッキングコードで計測できていても、いつ計測できなくなってもおかしくない状況です。

○トラッキングコード　その① (UA-XXXXXXXX-X　は対象のサイトごとに異なります。)


<script type="text/javascript">// <![CDATA[
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
  _gaq.push(['_trackPageview']);

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

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

// ]]></script>

○設置場所終了タグよりも前の部分

または
○トラッキングコード　その② (UA-XXXXXXXX-X　は対象のサイトごとに異なります。)


<script type="text/javascript">// <![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
// ]]></script>
<script type="text/javascript">// <![CDATA[
try {
var pageTracker = _gat._getTracker("UA-XXXXXXX-X");
pageTracker._trackPageview();
} catch(err) {}
// ]]></script>

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

// ]]></script>

try {

var pageTracker = _gat._getTracker("UA-XXXXXXX-X");

pageTracker._trackPageview();

} catch(err) {}

// ]]></script>

○設置場所終了タグの直前に

または、
○トラッキングコード　その③ (UA-XXXXXXXX-X　は対象のサイトごとに異なります。)


<script src=" http://www.google-analytics.com/urchin.js " type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
_uacct = "UA-XXXXXXX-X"
urchinTracker();
// ]]></script>

_uacct = "UA-XXXXXXX-X"

urchinTracker();

// ]]></script>

○設置場所終了タグの直前に

Googleタグマネージャ

GoogleアナリティクスのトラッキングコードやGoogle AdWordsなどの広告のコンバージョントラッキング用のコード、
その他ページ内で読み込む各種の JavaScript コードを一括して管理できるタグ

○トラッキングコード　(GTM-XXXXXX　は対象のサイトごとに異なります。)

<!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>// <![CDATA[
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
j=d.createElement(s),dl=l!='dataLayer'?'&#038;l='+l:'';j.async=true;j.src= 
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
})(window,document,'script','dataLayer','GTM-XXXXXX');
// ]]></script>
<!-- End Google Tag Manager -->

<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-XXXXXX');

// ]]></script>

○設置場所開始タグの直下に設置する

対象のホームページにトラッキングコードが設置されているか確認したい場合や、
新たにトラッキングコードを設置したい場合、それぞれ上記のようになっています。

参考サイト
https://www.google.com/intl/ja_jp/analytics/
https://www.google.com/intl/ja/tagmanager/
https://developers.google.com/analytics/devguides/collection/gajs/?hl=ja
https://analytics.googleblog.com/2014/04/universal-analytics-out-of-beta-into.html
http://gaforum.jp/basic/spec/10283

この記事の投稿者

浦田

月	火	水	木	金	土	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30