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

2013年09月14日 15:38

サンクトガーレンのサイトでショッピング機能として採用しているカラーミーショップのプランを「ライトプラン」から「ギガプラン」にアップグレードしたので、Googleアナリティクスで商品名や個数、金額などを分析できるようになりました!(ライトプランでは売れた回数しか計測できなかったのです...)

ColorMeのギガプランでのGoogleアナリティクス設定方法

1. ライトプランのコンバージョンタグを削除

07.カラーミーのショップへGoogle Analyticsを導入」のページに書いたように、ライトプランの時は購入完了ページに単純なタグを入れていました。商品名や金額などの情報を動的に参照する仕組みはライトプランでは提供されていないので、イベントトラッキングや完了ページのURLを条件として(購入を表す)「目標」を設定することしかできませんでした。

上位のギガプランでは、購買情報を含むGA用タグが自動で挿入されます。その結果、タグがダブってコンフリクトするので、コンバージョンタグの設定からGAのタグを削除する必要があります。

カラーミーショップ管理画面の「コンバージョンタグ設定」でタグを編集できます。

2. GAのプロパティIDをセット

カラーミーのGA eコマース設定ページにアクセスし、GAのプロパティIDを入力します。

図:カラーミーのGA設定でプロパティIDを設定する:

これで、購入完了ページに、売れた商品の名前やカテゴリ、金額、個数などのデータがセットされるEC向けGAタグが挿入されるようになります。

3. GAのタグを入れる

ライトプランの時は仕方なくbody内にGAのタグを入れていましたが、ギガプランではhead内にタグを入れられます。

早速GAタグを移動するため、テンプレートHTMLの編集画面からGAのタグを削除し、「ショップ情報設定」の中にある「タイトル要素・メタ要素」の編集画面にGAのタグを入れました。

図:カラーミーのheadタグ編集画面:

head内に移動するのが必ずしも正解とは限らないので、ご注意。headではなくテンプレートにタグを入れると、テンプレート毎にカスタム変数をセットするなど、細かい制御ができます。head内にタグを入れるのは設定が一カ所で済むので楽で、解析のパフォーマンス的にも少し有利です。

このサイトではあまり複雑なカスタマイズをしないので、テンプレートを切り替えてもタグが消失しないというメリットの方を重視し、headに共通タグを入れることにしました。

クロスドメインの設定に注意!

ようやくまともなWeb解析ができるようになったので、クロスドメインの計測を検証してみたところ、ショッピングカートのサーバー(secure.shop-pro.jp)に移動した時点でセッションが切れてました。

原因は、_setDomainNameの設定でした。上記の2の設定の結果カラーミーが自動で挿入するGA用のタグでは、_setDomainNameが「shop-pro.jp」になっています。

code38

自分で入れていたタグでは_setDomainNameを「.shop-pro.jp」と、最初にピリオドを入れていたので、Cookieが引き継がれていなかったようです。

ショッピングカートに自動挿入されるタグは変更できないので、3のステップでheadに入れたタグの方を編集して解決。

2013年9月22日追記:ついでにSiteCatalystのEC設定も行いました。
注文情報を取得するために工夫が必要です:「共通タグだけでGAやSiteCatalystでEC分析する方法

実践日記

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