管理するのに便利!Google Analyticsのトラッキングコードをjsで読み込む方法!

公開日:2013年11月29日
最終更新日: 2015年2月19日

js-google-analytics-photo_01

こんにちは!

表題の通り、今更ですがGoogle Analyticsのトラッキングコードをjsで読み込む方法を記事にしておきたいと思います。WEB制作初心者の方に何回か聞かれたので備忘録として残しておきます。

今まではGoogle Analyticsのトラッキングコードを「html」の「</head>」もしくは「</body>」の直前に記述していましたが、それをjsのコード内に記述して、まとめて管理できるようにします。

jsで管理すれば、中身のコードを差し替えるだけで済むので便利です。

目次!

1.まずはトラッキングコードの発行!
2.トラッキングコード用のjsを作成!

まずはトラッキングコードの発行!

Google Analyticsにアクセス!

Google Analyticsのページにアクセスし「アナリティクス設定」をクリックしてください。

js-google-analytics-photo_02

「アナリティクス設定」画面が表示されますので該当の「アカウント」と「プロパティ」を選択して下さい。

js-google-analytics-photo_03

該当の「アカウント」と「プロパティ」を選択した後に「トラッキング情報」をクリックしてください。

js-google-analytics-photo_04

「トラッキング情報」の下に表示された「トラッキングコード」が表示されるのでクリックしてください。

js-google-analytics-photo_05

「トラッキングコード」が表示されますのでコードをコピーして下さい。

js-google-analytics-photo_06

トラッキングコード用のjsを作成!

ga.jsを作成!

Google Analyticsのトラッキングコード用のjs、「ga.js(名前は任意)」を作成します。その「ga.js」の中にトラッキングコードを記述します。以下は「WordPressの実」の場合の例です。コピーしたトラッキングコードを貼り付けて下さい。

<script></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-43775412-1', 'wp-technique.com');
ga('send', 'pageview');

このjsをサーバーにアップしhtmlの「</body>」直前に以下のコードを記述します。

<script type="text/javascript" src="http://ご自身のドメイン/ga.js"></script>

これでGoogle Analyticsのトラッキングコードをjsで読み込む事ができます。Google Analyticsの管理画面でアクセスが取れているか、またご確認下さい。

最後に!

ブログを運営していく為にはアクセス解析は必須です。アクセス解析を見てサイトの改善などを行います。こまめにチェックするようにして下さい。

以上「管理するのに便利!Google Analyticsのトラッキングコードをjsで読み込む方法!」でした!

それではまた。

公開日:2013/11/29
最終更新日: 2015年2月19日
カテゴリー:google

関連記事

新着記事

コメント/トラックバック

トラックバック用URL:

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

正しい数値を入力して下さい * Time limit is exhausted. Please reload CAPTCHA.

最新の記事

カテゴリー

過去の記事

プロフィール

  • 著者:Masaki Yamashita

    大阪でWEB制作の仕事をしています。
    WEBデザイン、コーディング、WordPress・EC-CUBEの設置やカスタマイズなど何でもやっています。

follow us in feedly