メイクショップへGA4タグ「view_item」を設置したい

Question

お世話になっております。

メイクショップです。
GoogleAnalyticsのeコマース「view_item」タグを設置したいです。
GTMを利用しています。

個別の商品詳細画面に入力すればメイクショップの独自タグなどで商品名なども取得できると思いますが、全ページに一件ずつ設置はできません。

どのように設置・運用するのが理想でしょうか？
ご教授頂ければ助かります。

※備考
独自デザイン利用（ベーシックモード）です。

Accepted Answer

ECマスターズの海老塚です。

> データレイヤーの設置が必要とのこと、理解いたしました。

> 設置する際に、効率的な運営をされているショップさんはどこにスクリプトを設置されているのか伺えたら・・と思いました。

ご希望に添えず申し訳ございません。
何か情報が入りましたら、
共有させていただきます。

引き続きよろしくお願いいたします。

Answer

ECマスターズの海老塚です。

> GoogleAnalyticsのeコマース「view_item」タグを設置したいです。
> GTMを利用しています。

> 個別の商品詳細画面に入力すればメイクショップの独自タグなどで商品名なども取得できると思いますが、全ページに一件ずつ設置はできません。

> どのように設置・運用するのが理想でしょうか？

GTMをご利用されているのであれば、
GTMにて「view_item」の
設定をしていただければと思います。

トリガーの設定を行い、
https://ec-masters.gyazo.com/3309208f36260bb5eb27c97414c24a66
=====
トリガーのタイプ：カスタム イベント
イベント名：view_item
=====

タグを作成することで、
https://ec-masters.gyazo.com/82e68e3192692e6427b8c70a3836d99c
=====
イベント名：view_item
イベントパラメータ名：items
詳細設定＞eコマース＞「eコマースデータを送信」にチェックを入れ、Data Layerを選択
トリガー：商品リスト表示用に作成したトリガー
=====

設定できますので、お試しください。

Answer

ご回答ありがとうございます。

GTMの設定は頂いた内容でできそうです。

次に、下記のような「データレイヤー」をメイクショップ内に設置すると思います。
そもそも、下記は不要なのでしょうか？

ーーーーーーーーーーーーーーー

window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null });  // 前のecommerceオブジェクトを消去
dataLayer.push({
  event: "view_item",
  ecommerce: {
    items: [{
      item_name: "Donut Friday Scented T-Shirt",  //商品名  商品名もしくはIDが必須
      item_id: "67890",  //商品ID  商品名もしくはIDが必須
      price: 33.75,  //価格
      item_brand: "Google",  //商品のブランド
      item_category: "Apparel",  //商品カテゴリ
      quantity: 1  //数量
    }]
  }
});

ーーーーーーーーーーーーーーー

上記のようなタグをメイクショップ上のどこに設置すればよいか、ご教授頂けたら助かります。
全画面に出すだけでしたらヘッダーエリアなどで可能かと思いますが、商品情報をきちんと出力しつつ、、となると行き詰まってしまいました。

Answer

ECマスターズの海老塚です。

> 上記のようなタグをメイクショップ上のどこに設置すればよいか、ご教授頂けたら助かります。
> 全画面に出すだけでしたらヘッダーエリアなどで可能かと思いますが、商品情報をきちんと出力しつつ、、となると行き詰まってしまいました。

こちらの設定をすることで、

=====
イベントパラメータ名：items
詳細設定＞eコマース＞「eコマースデータを送信」にチェックを入れ、Data Layerを選択
=====

自動でデータレイヤーの中身を取得してくれます。

そのため、
GTMにてイベントの設定をしていただければ、
メイクショップ内には設置することなく、
データが取得されると思います。

Answer

海老塚様、ありがとうございます。

頂いた内容でやってみましたが、やはり取得されないようです。

メイクショップからはEコマース関連のデータレイヤーが出力されていない状態に見えます。
GTMでトリガーは念のため全ページ出力にしてあります。
想定している理由は下記です。

ーーー
メイクショップ管理画面の「プロモーション > タグの設定 > アクセス解析用のタグの設定＞Google Analytics（GA4）の設定　eコマース対応」は空白です。
GTMを利用しているためです。
ーーー

現在取得できている「purchase」タグもデータレイヤーなしでは出力されず、注文完了画面にGoogle推奨の形式で設置後に正常に取得できました。


１）メイクショップで上記の設定だとしてもデータレイヤーを出力してくれるのでしょうか？ソース上で確認できませんが、見方などありますでしょうか？
２）仮に設置しない場合、どのように対処したら取得できるでしょうか？

よろしくお願いいたします。

Answer

ECマスターズの海老塚です。

ご返信いただきまして
誠にありがとうございます。

こちらお調べしたご回答させていただきますので、
しばらくお時間ください。

お待たせしてしまい申し訳ございませんが
よろしくお願いいたします。

Answer

ECマスターズの海老塚です。

ご返信遅くなり大変申し訳ございません。

> 頂いた内容でやってみましたが、やはり取得されないようです。

> メイクショップからはEコマース関連のデータレイヤーが出力されていない状態に見えます。
> GTMでトリガーは念のため全ページ出力にしてあります。

念の為、確認させていただきたいのですが、
アクセス解析タグの入力（head/bodyタグ用）に
GTMタグは設置されておりますでしょうか。

Answer

こちらこそありがとうございます。

アクセス解析タグの入力（head/bodyタグ用）へGTMタグの設置はできていると思います。
GA4などのデータは問題なくとれております。

Answer

ECマスターズの海老塚です。

> アクセス解析タグの入力（head/bodyタグ用）へGTMタグの設置はできていると思います。
> GA4などのデータは問題なくとれております。

ご確認いただきありがとうございます。

申し訳ございません。
やはり、sasakiさんが以前記載いただいたように、
データレイヤーのスクリプトを
設置する必要がありそうです。

設置場所はで問題ないと思いますが、
可能であればメイクショップに
ご確認いただけますと幸いです。

また、データレイヤーの変数の登録も必要となり、
以下aishipに関する記事になりますが、
https://www.aiship.jp/knowhow/archives/36736

こちらもご参考の上、
ご確認いただけますでしょうか。

Answer

ご確認ありがとうございます。

データレイヤーの設置が必要とのこと、理解いたしました。

設置する際に、効率的な運営をされているショップさんはどこにスクリプトを設置されているのか伺えたら・・と思いました。

こちらの質問の件、ひとまずありがとうございました。

Answer

メイクショップ関連の事例が少なく困っておりご相談でした。

そうして頂けたら助かります。
ありがとうございます。

Answer

ECマスターズの海老塚です。

はい、参考になりそうな事例がありましたら
ご連絡させていただきます。

その他にも何かございましたら
何なりとご連絡ください。