ShopifyでGoogle Tag Manager（GTM）を設置する方法

執筆者

早川 豪

プロフィール詳細

Amazon、eBay、Shopifyなど各種越境EC事業に携わり、フリーランスの越境ECコンサルティングとして活動。
ヨーロッパに在住していたこともあり、主にイタリアやスペインにおける越境EC事業に携わっている。日本の素晴らしい商品を海外のお客様に広めるために日々奮闘している。

投稿記事一覧へ

このコラムでは、Google Tag ManagerをShopifyに設定する方法についてご説明させていただきます。

1. Google Tag Managerとは何か？

Google Tag Manager（以下 GTM）は、Google広告やGoogle Analyticsなどのデータ計測に必要な様々なタグを1か所で実装できるタグ管理ツールです。
タグはコンバージョントラッキング、リマーケティング、Googleアナリティクスのデータ計測など、サイトの訪問客とパフォーマンスの分析やユーザートラッキングをするために役立ちます。
GTMを使用することにより、サイトにタグを簡単に追加することができるので非常に楽です。
逆にGTMがないと、Webサイトのソースコードにアクセスし、ソースコードにタグを追加してアップロードする作業をそれぞれ行わなければなりません。

2. ShopifyでGTMを設定する際の注意点

3. GTMタグの設置

1) GTMアカウントを開設する

GTMの公式サイトからGTMアカウントの開設を行ってください。

Google Tag Manager 公式サイト
https://marketingplatform.google.com/about/tag-manager/

アカウント開設後、サイトに設置するGTMタグが発行されます。

2) Shopifyの管理画面を開き、theme.liquidにGTMタグを挿入する

Shopify管理画面を開き、下記のステップでtheme.liquidファイルを開いてください。
① オンラインストアをクリックします
② テーマをクリックします
③ アクションをクリックします
④ コードを編集するをクリックします

⑤ Layoutにtheme.liquidファイルがあるので開きます。

1つ目のタグは＜head＞タグ内のできるだけ上部に設置します。

2つ目のタグは＜body＞タグのすぐ下に設置します。 追加したら保存します。

3) Shopify管理画面の設定からチェックアウトの追加スクリプトにGTMタグを挿入する

①Shopify管理画面の左下にある設定を開きます。
②チェックアウトを開きます。

③追加スクリプトのところまでスクロールダウンし、追加スクリプトにGTMタグの1つ目と2つ目を両方設置してください。
④保存します。

これでタグの設置は完了となります。
あとは各種タグの設定は、GTMを通して一元管理して行うことが可能となります。