【追加作成したページへのGTMタグの設置について】

日本語 ディスカッション 技術的なQ＆A

Topic summary

非Shopify Plus環境で、RPAチャットボットによる決済後に「オンラインストア＞ページ」で作成したサンクスページを表示。ここへのGTM（Google Tag Manager）タグ設置方法と、GTMへShopifyの値をデータレイヤーで渡せるかを相談。

  • 質問:

    1. ページ編集の「HTMLを表示」からGTMタグを直接貼り付けて良いか。
    2. その場合でも、Shopifyの置換文字（Liquidの値）をGTMのdataLayer変数に渡せるか。

  • 回答・提案:

    • 全体にGTM未設定で、特定ページのみに設置したい前提と理解。
    • GTM本体は通常内に配置が推奨。特定ページのみ出力したい場合は、Liquid（Shopifyのテンプレート言語）のif文でrequest/templateオブジェクトを用いて条件分岐するとよい。
    • エディタ欄（スクショの箇所）へ直接記載しても動かないとは限らないため、試す価値はある。

  • 参考リンク: Liquidのifタグ、requestオブジェクト、templateオブジェクトのドキュメント。

  • ステータス:

    • 明確な実装手順・可否は未確定。特にdataLayerでのShopify値受け渡し可否は未回答。必要に応じて専門家への依頼を推奨。
Summarized with AI on January 20. AI used: gpt-5.
1

Shopifyplusのアカウントではないため、RPAを用いたチャットボットによる決済処理を行う場合に

「ページ作成」にて作成したサンクスページをユーザーに表示する運用を行っております。

上記のような場合のサンクスページへのGTMタグ設置について、ご教示いただけますと幸いです。

①オンラインストア＞ページ＞ページを追加、にて作成したページにgtmのタグ設置を行いたい場合は 添付画像の赤丸部分からhtmlを表示するをクリックし、編集エリアに切り替え、gtmタグを設置すればよい、という理解であっておりますでしょうか？

②また上記方法で設置が可能な場合、GTMにShopifyの置き換え文字をデータレイヤー変数を使って渡すことは可能でしょうか？

スクリーンショット 2023-08-22 165344.png
スクリーンショット 2023-08-22 165344.png1032×540 17.9 KB

2

ストアの状態が不明ですが、以下のような前提ということでしょうか？

  • ストア全体にGTMは設定していない
  • 該当のページにのみGTMのタグを設定したい

試したことはありませんが、基本的にはGTMは本体をhead内に入れる必要があると思います。

その上で特定のページにのみタグを出力したい場合は、requestオブジェクトやtemplateオブジェクトなど、対象ページを判別できる要素でif文を作れば対応できると思います。

他方、スクリーンショットの箇所に記載すると動かないという確信はないので、一度試してみるのもよいかなと思います。

[参考]

https://shopify.dev/docs/api/liquid/tags/if

https://shopify.dev/docs/api/liquid/objects/request

https://shopify.dev/docs/api/liquid/objects/template

以上ですが、具体的にどう書けば良いかわからない場合は、このまま他の方の回答を待たれるか、エキスパートやパートナーに依頼されることをお勧めします。

他方、回答の前提などが間違っている場合は申し訳ありません。