外部ツールのタグ設置について

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

Topic summary

Shopifyでの外部タグ（主にGTM/Google Analytics）の設置方法について。以前はGTMで運用していたため、Shopifyでの実装手段と制約が整理された。

  • Google Analyticsのみ：Shopify管理画面の標準設定で導入可能（公式ヘルプ案内あり）。
  • Google Tag Manager：
    1. テーマのコード編集で設置（layout > theme.liquidにGTMタグを追加）。
    2. GTM対応アプリを導入（複数あり。国内開発アプリの紹介リンクあり）。

注意点：

  • Shopify Plus以外（Basic/Standard/Premium）はチェックアウト画面をカスタマイズ不可。よって住所入力・配送方法選択・支払い入力の各画面にGTMタグは設置できず、GTMではチェックアウトのトラッキング不可。
  • ただし、Shopify標準のGoogle Analytics連携ならチェックアウトも計測可能。
  • Thank you（注文状況）ページには追加スクリプト埋め込みが可能で、ここにGTMを設定できる（公式ヘルプ案内あり）。

参考：設置手順は画像付きガイドと公式ヘルプのリンクが提示。現時点で実装方法と制約が明確化され、解決に資する情報提供で収束。

Summarized with AI on February 6. AI used: gpt-5.
1

外部ツールのタグ設置について質問です。

以前のサイトではGTMでタグを設置しておりましたが、shopifyでのタグ設置方法を知りたいです。

2

Google Analyticsだけであれば、下記のヘルプページのように設定できますが、

https://help.shopify.com/ja/manual/reports-and-analytics/google-analytics/google-analytics-setup

現在、GTMをお使いのとのことで、Google Analyticsだけのお話ではないものと思われます。

GTMを設置する場合は、

大きく2つの方法があると思われます。

  1. テンプレートを改修(コード編集)し、GTMタグを追加する。
  2. アプリを導入し、GTMを設定する。

1と2の場合の両方において、注意がありまして、

Shopify Plus以外のプラン、例えば、BasicやStandardやPremiumといったプランでは、チェックアウト画面をカスタマイズすることができないため、チェックアウトフロー(住所入力画面、配送方法選択画面、支払い方法入力画面)に、GTMタグの設置ができません。

そのため、Shopify Plus以外のプランでは、チェックアウト画面をトラッキングすることができません。(Google Analyticsだけの設定であれば、冒頭で紹介した方法で、チェックアウト画面もトラッキングできます。)

なお、

Thank you画面(注文状況ページ)については、追加スクリプトを埋め込むことができますので、そちらからGTMの設定が可能です。

https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status#part-ff4af52688daf4c9

テンプレートを編集する場合は、

ご利用のテーマの「コード編集」画面から、

レイアウト(layout) > theme.liquidを見つけ、良き場所にタグを追加いただければ大丈夫です。

こちらのサイト様に画像付きで説明があるので分かりやすいかと思います。

https://shopify-guide.net/how-to-set-google-tag-manager-on-shopify/

アプリを使用する場合は、

「Shopify app GTM」でGoogle検索することで、無数のアプリが見つかると思いますが、

こちらのサイト様で紹介されているアプリが良いかもしれませんね。

https://pafit.cc/blog/shopify/gtm/900/

日本の会社が開発しているので、サポートを受けやすいのではないかと思います。

ご参考まで。

(キュー田辺)