07.カラーミーのショップへGoogle Analyticsを導入
サンクトガーレンの二つのドメインにGoogle Analyticsを導入し、簡単にできるカスタマイズを行い、クロスドメイントラッキングの設定が終わったので、次はASPのECサイトにもGoogle Analyticsを導入します。
サンクトガーレンのサイトからリンクされている公式ショップは二つあります。
- 旧ショップ（独自プログラムの注文フォーム）
- 新ショップ（決済機能付きのASP）
利便性が高く、今後のメインになる新ショップは、ASPの「カラーミーショップ」を使っています。
調べたところ、ショッピングカートを除く全ページと、注文完了ページ、のそれぞれに独自タグを入れられることが分かりました。
そこで、下記のGoogle Analytics用タグを埋め込みました。
共通タグ
お店をつくる＞デザインを設定する＞（テンプレートを選んで）デザイン設定＞（共通の）デザイン編集
図:カラーミーのHTML編集画面:
HTML編集欄の一番上に下記を追加。bodyタグの上の方に挿入されます。ライトプランのカラーミーではheadをカスタマイズできないので、可能な限り上の位置に入れました。
商品ページのドメインは「sanktgallen.shop-pro.jp」、ショッピングカートのドメインは「secure.shop-pro.jp」になるので、Cookieの値をこの２つのドメイン間で受け渡しできるように、Cookieのドメインを「shop-pto.jp」に設定しています。
ついでに、日本の検索エンジンを追加しておきました。
さらに、この入力欄の一番下に下記を追加しました。bodyの閉じタグ近くに挿入されます。前半と後半に分けるのは個人的なスタイルなので、一つにまとめても問題ありません。
コンバージョン用タグ
商品を売る＞コンバージョンタグを設定する
図:カラーミーのコンバージョンタグ編集:
で、下記を指定。
これはショッピングカートのページのうち、完了ページにのみ挿入されます。
このままだとページビューしか計測できないので、GAの管理画面で目標の設定も必要です。
ライトプランでは完了ページに商品名や金額、個数などの情報が入らないので、EC分析はできません。
2013年9月追記：工夫すればできます→共通タグだけでGAやSiteCatalystでEC分析する方法
ゴール設定
最後に、Google Analyticsのプロファイル（ビュー）設定でゴールを追加します。
図:カラーミー用のGoogle Analyticsゴール設定:
11月16日、所要時間は2時間。この後、IAセミナーのためデジハリ大阪へ向かいました。
※2013年9月14日更新：「ライトプラン」であることを明確にしました。上位の「ギガプラン」だと、EC用のタグを完了ページに自動挿入できます。