カラーミーショップをGoogle Analyticsでコンバージョンを測定してみる





shoppro_ga_28

  • カラーミーショップの管理画面にトラッキングコード設置
  • Google Analyticsの管理画面でコンバージョンの設定

この2つの作業することで
カラーミーショップで買い物が行われたときにそのデータがGoogle Analyticsに記録されます

カラーミーショップの管理画面にトラッキングコード設置

トラッキングコードを設置する編集画面を開く

shoppro_021

カラーミーショップの管理画面「商品を売る > コンバージョンタグを設定する > コンバージョンタグ設定」を開きます

shoppro_ga_30

ここの編集画面にトラッキングコードを設置します
ここに追加したトラッキングコードは 買い物の最後の完了ページに反映されます

※トラッキングコードの「(function() { ?」は省略しても大丈夫です カートページにはカラーミーショップの運営側でGoogle Analyticsのトラッキングコードを設置しているので 省略してもトラッキングコードは動作します

トラッキングコードの設置確認 html編

買物完了ページ

shoppro_ga_31
実際に買い物をしてみました

買物完了ページのhtml

shoppro_ga_332

  • 上のほうのトラッキングコードが 先ほど設置したトラッキングコード
  • 下のほうがカラーミーショップのカートページに設置されているトラッキングコード
トラッキングコードの設置確認 「GA Debug」編

shoppro_ga_32

Google Chromeの拡張機能「GA Debug」を利用すると
デベロッパーツールからGoogle Analyticsのトラッキングコードの動作確認ができます

※「GA Debug」は普段から頻繁に利用しています 複数プロファイルの設置やイベントトラッキングを入れたときには
「GA Debug」で確認するようにしています

Google Analyticsの管理画面でコンバージョンの設定

  • 目標名
  • 目標タイプ
  • マッチタイプ
  • 目標URL

を設定します

以前のGoogle Analyticsの管理画面の場合

shoppro_ga_27

新しいGoogle Analyticsの管理画面の場合

shoppro_ga_29

コンバージョンの動作確認をする

以前のGoogle Analyticsの管理画面の場合

shoppro_ga_34

実際に買い物をした後でGoogle Analyticsのレポート画面を確認し
コンバージョンのデータがとれていることを確認できました
(以前の管理画面で確認)

※Google Analyticsの新しい管理画面では レポートの反映に時間がかかります 早くデータを確認したい時は以前の管理画面を確認してください