100907

1. 【Google Analyticsの非同期トラッキングコードでもgaAddons.jsが使えるようになった】

参考記事：Uneidou

今までのgaAddons.jsは トラッキングコードの下にgaAddons.jsを読み込むコードを書いて

gaAddons.jsをサーバにアップすれば利用できました

新しいgaAddons.jsの利用には若干手順が増えます

非同期トラッキングコード用のgaAddons.jsの利用手順を紹介

1. トラッキングコードの改良
2. jQueryの読み込み
3. gaAddons-2.0.min.jsのアップロード

以上の手順が必要です

通常のコード

<script type="text/javascript">   var _gaq = _gaq || [];   _gaq.push(['_setAccount', 'UA-*******-**']);   _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>

①トラッキングコードの改良

gaAddons.js利用時のコード

<script type="text/javascript">   var _gaq = _gaq || [];   _gaq.push(['_setAccount', 'UA-*******-**']);   _gaq.push(['_trackPageview']);   var gaAddons = gaAddons || [];    gaAddons.push(       ['_trackOutbound'],       ['_trackDownloads'],       ['_trackMailto'],       ['_trackRealBounce'],       ['_trackLoadTime']);   (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);     var gaAddons = document.createElement('script'); gaAddons.type = 'text/javascript'; gaAddons.async = true;     gaAddons.src = 'gaAddons-2.0.min.js';     s.parentNode.insertBefore(gaAddons, s);   })(); </script>

※オレンジ色の部分が 追加される箇所です

②jQueryの読み込み

jQueryを利用しているので jQueryを読み込みます

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

jQueryの利用には いくつかの方法がありますが

今回は Google AJAX Libraries API を利用する方法を紹介しています

③gaAddons-2.0.min.jsのアップロード

次のサイトからgaAddons-2.0.min.jsをダウンロードできます

●immeria

安定版・ベータ版のどちらかを選んで ダウンロード(ソースをコピーしてファイルを作成)します

※作成するファイル名は「gaAddons-2.0.min.js」です

●Google

右側の「gaAddons-2.0.min.js」のした矢印をクリックすると テキストファイルでダウンロードされるので

ファイル名「.js」に変更します

あとは gaAddons-2.0.min.jsをサーバのルートディレクトリにアップロードすればOKです

「gaAddons-2.0.min.js」のファイル名と サーバの保存ディレクトリは 変更できるので 状況に合わせてご利用ください

詳細サイト：http://immeria.net/gaAddons/