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

2010年11月21日 00:53

サンクトガーレンの二つのドメインにGoogle Analyticsを導入し、簡単にできるカスタマイズを行い、クロスドメイントラッキングの設定が終わったので、次はASPのECサイトにもGoogle Analyticsを導入します。

サンクトガーレンのサイトからリンクされている公式ショップは二つあります。

  • 旧ショップ(独自プログラムの注文フォーム)
  • 新ショップ(決済機能付きのASP)

利便性が高く、今後のメインになる新ショップは、ASPの「カラーミーショップ」を使っています。

調べたところ、ショッピングカートを除く全ページと、注文完了ページ、のそれぞれに独自タグを入れられることが分かりました。

そこで、下記のGoogle Analytics用タグを埋め込みました。

共通タグ

お店をつくる>デザインを設定する>(テンプレートを選んで)デザイン設定>(共通の)デザイン編集

図:カラーミーのHTML編集画面:

HTML編集欄の一番上に下記を追加。bodyタグの上の方に挿入されます。ライトプランのカラーミーではheadをカスタマイズできないので、可能な限り上の位置に入れました。

code18

商品ページのドメインは「sanktgallen.shop-pro.jp」、ショッピングカートのドメインは「secure.shop-pro.jp」になるので、Cookieの値をこの2つのドメイン間で受け渡しできるように、Cookieのドメインを「shop-pto.jp」に設定しています。

ついでに、日本の検索エンジンを追加しておきました。

さらに、この入力欄の一番下に下記を追加しました。bodyの閉じタグ近くに挿入されます。前半と後半に分けるのは個人的なスタイルなので、一つにまとめても問題ありません。

code19

コンバージョン用タグ

商品を売る>コンバージョンタグを設定する

図:カラーミーのコンバージョンタグ編集:

で、下記を指定。

code20

これはショッピングカートのページのうち、完了ページにのみ挿入されます。

このままだとページビューしか計測できないので、GAの管理画面で目標の設定も必要です。

ライトプランでは完了ページに商品名や金額、個数などの情報が入らないので、EC分析はできません。

2013年9月追記:工夫すればできます→共通タグだけでGAやSiteCatalystでEC分析する方法

ゴール設定

最後に、Google Analyticsのプロファイル(ビュー)設定でゴールを追加します。

図:カラーミー用のGoogle Analyticsゴール設定:

11月16日、所要時間は2時間。この後、IAセミナーのためデジハリ大阪へ向かいました。

続く:ココログにGoogle Analytics導入

※2013年9月14日更新:「ライトプラン」であることを明確にしました。上位の「ギガプラン」だと、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