- 商品をサイトを設定したが、Googleアナリティクスでも売上状況を確認したい！
- 何が売れているのか商品を分析したい
- どの流入経路から売れているか分析したい
今回の記事は、たまごリピートをお使いの方に、ぜひ実施してもらいたい内容です！
- チームみんなで簡単にGoogleアナリティクスでも売上状況を確認できる
- 何が売れているのか商品を分析できる
- どの流入経路から売れているか分析できる
２－３時間程で実装すれば、今後の販売戦略が立てやすくなります。
[voice icon="http://2m3g1.com/wp-content/uploads/icon-1.png" name="つまみさん" type="r line"] こんばんは！今回はたまごリピートというカートシステムでのGoogleアナリティクスの導入方法の操作紹介です。[/voice]
目次（ページ内リンク）
今回設定すると確認できること
こんな内容がGoogleアナリティクスで分析できるようになります。
- どのくらいの金額売れたか？
- サイトに来てくれた人のうちどのくらいが買ってくれたか？
- 何の商品が売れたか？
- どの経路から流入して売れたか？
ＧＴＭ：Googleタグマネージャ
ＧＡ：Googleアナリティクス
スキルシェアサービス「ココナラ」でご支援していますので、必要に応じてお声がけください。
その場合は下記リンクまで。ちなみにココナラが手数料が2割くらいかかる関係で、Twitterか直接お問い合わせフォームからご相談なら優先的に対応します。
お問い合わせフォーム
Twitterダイレクトメッセージ
GoogleアナリティクスGoogleタグマネージャ開発サポート | ココナラ
おまけ：このリンクから登録するとココナラの1000円分のプレゼントあります
前提条件
設定する前に前提条件の確認です。以下の項目を満たしている必要があります。
- たまごリピートを利用した単品や複数商品のショッピングサイト
- たまごリピートの管理権限がある
（販売管理＞タグ管理、デザイン設定＞ＰＣレイアウト・ＳＰレイアウト）
- Googleアナリティクスを導入している
（編集以上の権限がある）
- Googleタグマネージャを導入している
（管理権限がある）
上記を満たしていれば、早速、設定していきます。
Googleアナリティクス設定
まずは、Googleアナリティクスでデータを受け取る準備設定をします。
[aside type="normal"] ちなみに権限がない場合には、GoogleアカウントをGＡに追加してください。
ユーザー追加方法 [/aside]
ビューの拡張eコマース設定
ＧＡの管理画面から「ビュー設定＞eコマースの設定」を開いて、次の２つを有効にしてください。
- eコマースの有効化
- 拡張eコマースのレポートを有効化
UA-ID（トラッキングID）をメモする
ＧＡ管理画面から「プロパティ設定」を開いて、トラッキングIDを確認します。
トラッキング ID
UA-XXXXXXXX-X
Googleタグマネージャ設定
続いて、Googleタグマネージャを導入していきます。
ＧＡなどのタグを集中管理するために、便利なツールです。今回は、たまごリピートにタグを埋めますが、今後は、ＧＴＭを使ってタグを追加・削除の管理をすることができます。
[aside type="normal"]
ちなみに権限がない場合には、GoogleアカウントをＧＴＭに追加してください。
ユーザー追加方法
[/aside]
変数の設定
Googleアナリティクス用の基本設定変数を作成します。
「eコマース」にチェックをつけておくと、購入完了時に注文情報を取得することができます（たまごリピート側にも設定が必要です）
トリガーの設定
注文完了ページを検出するためのトリガー（発火条件）を作成します。
タグの設定
そして、注文完了ページで発火するタグを作成します。
- 種類：Googleアナリティクス
- トラッキングタイプ：ページビュー
- Googleアナリティクス設定：（作った変数）
- 配信トリガー：注文完了ページ（作ったトリガー）
注文完了ページ以外のすべてのページで発火するタグは次の通りです。
例外トリガーの追加だけ忘れることなく追加します。
例外トリガー：注文完了ページ
ＧＴＭタグのメモ
たまごリピートやトップページに設置するＧＴＭタグは、ＧＴＭ管理画面から取得可能です。
たまごリピート設定
そして、カートや注文ページにタグを設置していきます。
デザイン設定＞ＰＣレイアウトの設定
まずは、ＰＣページのＨＴＭＬヘッダにＧＴＭタグを追加します。
複数のページに分かれている場合があるのでそれぞれのヘッダパーツに追加します。
デザイン設定＞ＳＰレイアウトの設定
続いて、スマホページのＨＴＭＬヘッダにＧＴＭタグを追加します。
複数のページに分かれている場合があるのでそれぞれのヘッダパーツに追加します。
販売管理＞タグの設定
最後に、販売管理＞タグの設定に、注文完了ページ遷移用の注文情報専用タグを設置します。
タグ設定を編集します。
設定タグに追加するコード
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%0Avar%20dataLayer%20%3D%20dataLayer%20%7C%7C%20%5B%5D%3B%0AdataLayer.push(%7B%0A%20%20%20%20'ecommerce'%3A%20%7B%0A%20%20%20%20%20%20%20%20'purchase'%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20'actionField'%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'id'%3A%20'%40%40order_number%40%40'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'revenue'%3A%20'%40%40sub_total_price%40%40'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'products'%3A%20%5B%40%40item_tag%40%40%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D)%3B%0A%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
商品タグに追加するコード
{'id': '@@code@@', 'name': decodeURI('@@name@@'), 'id': decodeURI('@@code@@'), 'price': '@@unit_price@@', 'quantity': '@@qty@@'}
TOPページや広告ランディングページの設定
カートや注文ページ以外の部分にGoogleアナリティクスを導入していきます。
通常のタグマネージャを導入と同様に<head>タグ内の上部にＧＴＭタグを設置します。
[aside type="normal"] クロスドメイントラッキングが必要な場合には、自動リンクドメインの設定が必要です。[/aside]
計測確認
最後に計測確認です。
ＧＡの管理画面にログインして、コンバージョン＞eコマース＞概要とたどると注文状況を確認することができます。
経験則から10分～4時間くらいで反映されるようです（アクセス数に応じて最大48時間）
以上で、操作は完了です。
最後に：分析なくしてウェブで商品を売るのは不可な時代へ
今回のたまごリピート（カートシステム）でのGoogleアナリティクス導入はいかがだったでしょうか。
この導入によって、取得できるデータの幅が広がり、今後のWeb戦略も開けてきます。いまはどのサイトにも、Googleアナリティクスなどのアクセス解析ツールが入るようになりましたが、たとえ個人でも、アクセス解析ツールを使わずに、Web上で商品を売るというのは難しい時代になってきました。
知識がたりないと感じている方は、書籍で勉強してみてください。
デジタルマーケターとWeb担当者のためのGoogle＆Yahoo!タグマネージャーの教科書
売り上げランキング: 94,740
いちばんやさしいGoogleアナリティクスの教本 人気講師が教えるWeb解析と広告計測の基本 「いちばんやさしい教本」シリーズ
売り上げランキング: 29,066
現場のプロがやさしく書いたWebサイトの分析・改善の教科書【改訂2版】
売り上げランキング: 20,618
ちなみに、ココナラで上記設定のお手伝い・代行・エラーチェックなどをしています。必要でしたらお声がけください。講習もやっています。問合せフォームに直接問合せいただいても大丈夫です。
スキルシェアサービス「ココナラ」でご支援していますので、必要に応じてお声がけください。
その場合は下記リンクまで。ちなみにココナラが手数料が2割くらいかかる関係で、Twitterか直接お問い合わせフォームからご相談なら優先的に対応します。
お問い合わせフォーム
Twitterダイレクトメッセージ
GoogleアナリティクスGoogleタグマネージャ開発サポート | ココナラ
おまけ：このリンクから登録するとココナラの1000円分のプレゼントあります
よかったら、Twitterのフォローもお願いします。