ShopserveでGoogle Analyticsを使うための改造
日々是作譜 » Web制作 » アクセス解析 » ShopserveでGoogle Analyticsを使うための改造
ECのASPサービスでは、独自にアクセス解析を導入していますが、得られる情報が少なく、インターフェースが良くなく、データとして活用しにくいものが多く見受けられます。無料で高機能なGoogle Analyticsが利用できるASPはそれほど多くはないですが、可能であれば、Google AnalyticsのECサイト解析のための機能をフル活用して、コンバージョンの拡大やマーケティング施策へ繋げていきたいと考える方は多いのではないでしょうか。
ECのASPサービスのひとつであるShopserveでは、Google Analyticsのタグが貼り付けられますが、ショッピングカートや決済機能が別ドメインになっているため、そのままタグを貼り付けても、データを取得することはできません。そこで、Google Analyticsにある複数ドメインにまたがるサイトのトラッキングコードを少し改造して、ドメインをまたいでもトラッキングできるようにしました。
まずは、Shopserveの管理画面の「集客・運用」メニューの「外部アクセス解析ツール」にある「アクセス集計タグ設定」に、以下のコードを書き込みます。
<script type="text/javascript">
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">
try {
var pageTracker = _gat._getTracker("UA-XXXXXXXXX-X");
pageTracker._setDomainName("none");
pageTracker._setAllowLinker(true);
pageTracker._trackPageview();
} catch(err) {}
</script>
これだけだと、ドメイン間の移動でセッションが継続しておらず、目標到達のプロセスをしっかりと取得することができません。
そこで、ドメイン間の移動時にも、セッションを継続するように、JavaScriptで明示的に移動をGoogle Analyticsに渡すようにしました。
（jQueryを利用しているので、FTPでjQueryをアップし、絶対URLでパスを指定してください。）
<script type="text/javascript" src="http://path.to/jquery.js"></script>;
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function () {
if(checkDomain(location.href, $(this).attr("href"))){
pageTracker._link(this.href); return false;
}
});
$("form").submit(function(){
if(checkDomain(location.href, $(this).attr("action"))){
pageTracker._linkByPost(this); return false;
}
});
});
function checkDomain(thisURL, hrefURL){
thisDomain = thisURL.match(/^[httpsfile]+:\/{2,3}([0-9a-zA-Z\.\-:]+?):?[0-9]*?\//i)[1];
hrefDomain = hrefURL.match(/^[httpsfile]+:\/{2,3}([0-9a-zA-Z\.\-:]+?):?[0-9]*?\//i)[1];
if(hrefDomain && thisDomain != hrefDomain){
return true;
}else{
return false;
}
}
</script>
また、ユーザ定義として購入者の遷移を追う場合は、「お店設定」メニューにある「ショッピングカート」の「メッセージの編集」から「お礼画面」に以下のソースを追記します。
<script type="text/javascript">pageTracker._setVar('購入者');</script>
会員の遷移を追う場合は、「お店設定」メニューにある「会員機能」の「マイページの設定」から「会員へのご案内」に以下のソースを追記します。
<script type="text/javascript">pageTracker._setVar('会員');</script>
参考記事（外部）