06.Google Analyticsのクロスドメイン対応を自動化

2010年11月20日 00:30

サンクトガーレンのサイトは、複数のドメインで構成されています。

  • 本サイト (www.sanktgallenbrewery.com)
  • 旧ショップ (tsst.securesites.net)
  • 新ショップ (sanktgallen.shop-pro.jp)
  • ブログ (sweetsbeer.cocolog-nifty.com)

Google Analyticsは、それぞれのドメインに対してのみ情報を保存できる1stパーティCookieを使って、ユーザー(ブラウザ)ごとに値が異なるランダムなIDを保存しています。そのため、ドメインが複数あるサイトの場合、ドメインごとに異なるユーザーとして認識されてしまい、ページ間の移動も途切れてしまいます。リンク元のサイトを表すリファラーや、Googleで検索したキーワードと、購入回数が結び付かなくなります。

この問題を解決するため、Cookieの値をURLに付けて受け渡す方法(クロスドメイントラッキング)が用意されています。が、ドメインが切り替わるリンク全てを手で書き換える必要があります

Googleが案内している標準的なクロスドメインリンクの記述方法

code16

ところが、ドメインが切り替わるリンクを全て探し出してHTMLを編集するのは面倒なだけでなく、対応漏れが発生しがちです。特に今回は自分のサイトではないので、将来ずっと徹底できるとは限りません。

jQueryならonclickの記述が不要

そこで、リンクを自動で検出して自動でJavaScript関数を実行することにしました。jQueryというライブラリを使うと簡単です。

code17

jQueryのフィルタ機能を使って、HTML中に書かれた全てのリンクを下記の条件

  • 現在閲覧中のドメインと異なるドメインへのリンクである
  • 特定の指定したドメインへのリンクである

で検索し、クリックされた時にGoogle Analyticsのクロスドメイン計測用の関数(_link)を自動実行します。GAの設定とjQueryのJSファイル読み込みは別途必要です。

同じように、外部リンクのクリックをカスタムイベントで計測することもできますが、コンセプトダイアグラムを作った結果、このサイトでは重要ではないことが分かったので、実装しません。

2013年9月追記:「GETメソッドを使用したフォームによるクロスドメイン遷移をGoogle Analyticsで計測する場合の注意点」も参考にどうぞ。フォームにも対応していて、より汎用的です。

続く:カラーミーのショップへGoogle Analyticsを導入

実践日記

09.カラーミーのギガプランでGAをEC用に設定

2013年09月14日 15:38
サンクトガーレンのサイトでショッピング機能として採用しているカラーミーショップのプランを「ライトプラン」から「ギガプラン」にアップグレードしたので、Googleアナリティクスで商品名や個数、金額などを

08.ココログにGoogle Analytics導入

2010年12月01日 00:55
Ustream番組「IAチャンネル」セカンドシーズンで取り上げている地ビールECサイトでは、リピーターとの対話のためブログが積極的に活用されていて、ブログ記事から商品販売ページなどへリンクすることが多

07.カラーミーのショップへGoogle Analyticsを導入

2010年11月21日 00:53
サンクトガーレンの二つのドメインにGoogle Analyticsを導入し、簡単にできるカスタマイズを行い、クロスドメイントラッキングの設定が終わったので、次はASPのECサイトにもGoogle...

06.Google Analyticsのクロスドメイン対応を自動化

2010年11月20日 00:30
サンクトガーレンのサイトは、複数のドメインで構成されています。 本サイト (www.sanktgallenbrewery.com) 旧ショップ...

05.Google Analyticsを1時間でカスタマイズ

2010年11月19日 23:50
Google Analyticsの計測確認とカスタマイズ (2010-11-08) 前日に導入したGoogle...

04.Google Analyticsをまずは導入

2010年11月17日 23:15
リニューアルの効果を分析するため、事前にWeb解析ツールを導入しておく必要があります。数字は過去にさかのぼって取得できません。また、どの数字がどうなったらリニューアル成功と判断するのか、目標(KPI、

03.要件のまとめと公募

2010年11月17日 23:09
事前のヒアリング、サイト診断、コンセプトダイアグラム作成を経て、 2010年11月4日に日本ウェブ協会が主催するUstream番組「IA...

02.サイトのコンセプトを図解し解析要件にする方法

2010年11月14日 15:45
Ustreamで改善提案のプレゼンを生中継する当日まで、あと1週間。雑談で終わるわけにはいかないので、要件を整理して提示し、さらに制作者に依頼できるような状態まで持っていきたい。 サイトの全体像を確認

01.仮説をバックアップするためのサイト構造調査

2010年11月12日 01:05
初回ヒアリングの時点で立てた仮説は、 リピーターのサポートに偏りすぎている 初めて訪問する人を適切に導き、飲んでもらうのが大切 ...

IAチャンネル:自社サイト最適化講座セカンドシーズン始動!

2010年11月12日 00:29
実サイトの立ち上げや最適化の実践をリアルにレポートしていくのが「実践CMS*IA」の趣旨です。やってみないと分からない。できることはたくさんある。 第1弾として当サイト、第2段としてニッセンを取り上げ

Real Time Web Analytics