Google Analytics の 解析コードを外部化する
Google Analytics は HTML に直接記述するようにコードが生成されていますが、HTML ファイルをクリーンに保ちたい場合は外部 JS ファイル化し <head> タグ内にその JS ファイルを読み込むことで解析が可能です。
ソースコード
// Google Analytics
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
var header = document.getElementsByTagName("head")[0];
var scriptTag = document.createElement("script");
scriptTag.setAttribute("src", gaJsHost + "google-analytics.com/ga.js");
scriptTag.setAttribute("type", "text/javascript");
header.appendChild(scriptTag);
function analytics() {
try {
var pageTracker = _gat._getTracker("**-*******-*");
pageTracker._trackPageview();
} catch(err) {
// alert("Google Analytics:" + err);
}
}
if (window.attachEvent) {
window.attachEvent("onload", analytics);
} else {
window.addEventListener("load", analytics, false);
}
"*"(アスタリスク)の部分は自分のIDを記入
導入のしかた
まず上記のソースコードをコピーして、メモ帳(テキストエディタ)に貼り付けてください。次に"*"(アスタリスク)の部分を自分のIDに書き変えて任意のファイル名(例:googleAnalytics.js)で保存してください。
<script type="text/javascript" src="../script/googleAnalytics.js"></script>
後は上記のようなスクリプトタグを解析したい HTML の <head> タグ内に書きこんでください。
※src の""(ダブルクォーテーション)内部は任意で付けたファイル名と js ファイルがある階層を間違いなく指定してください。