ShopifyにGoogle Tag Managerを設定することは、ウェブサイトのコードを常に微調整することなく、様々なタグを追跡・管理するために不可欠です。サイトトラフィックの監視、コンバージョンの追跡、広告の最適化など、Google タグマネージャはすべてを簡素化します。
本日は、ShopifyにGoogle Tag Managerをインストールする方法について、Shopifyのガイドを参照しながら、すべてが正しくセットアップされていることを確認します。
グーグルタグマネージャーとは？
グーグルタグマネージャー（GTM）は、実際のウェブサイトコードを編集することなくトラッキングコード（タグ）を管理・導入できる無料のツールです。これらのタグは、トラフィックの指標から購入コンバージョンに至るまで、あらゆるデータを収集することができます。
ShopifyとGoogle Tag Managerは強力な組み合わせです。GTMを使えば、次のことができます：
- Shopifyのコードに触れることなく、複数のタグ（Google Analytics、広告、Facebookなど）を簡単に管理できます。
- 購入、カートアクション、Shopifyコレクション、商品ビューなど、ストアのパフォーマンスを追跡します。
- GTMをGoogle広告やFacebookと連携させることで、マーケティングキャンペーンを素早く設定・最適化できます。
ShopifyにGoogleタグマネージャをインストールする方法
ShopifyにGoogle Tag Managerを追加する簡単な方法は3つあります。それぞれの方法は、異なるレベルの技術スキルに対応しています。あなたにとって簡単な方法、またはあなたのShopifyアカウントで機能する方法を選んでください。
オプション1：ShopifyのGoogle & YouTubeアプリ経由でGoogleタグマネージャをインストールする
特にGoogle Adsのコンバージョンをトラッキングしたい場合は、これがGTMをセットアップする最も簡単で手っ取り早い方法です。
インストール方法は以下の通り：
- Shopifyの管理ダッシュボードで、ホームページにアクセスする。
- アプリをクリックする。
- 検索バーに「Google & YouTube」と入力。
- Google & YouTubeアプリが表示されたらクリックする。
- インストールをクリックし、もう一度 インストールする。
- インストールが完了したら、Googleアカウントに接続をクリックし、Google広告アカウントに接続し、コンバージョントラッキングを有効にします。
- 画面の指示に従ってセットアップを完了します。
オプション2：ShopifyのGoogleアナリティクス設定からGoogleタグマネージャーをインストールする
すでにShopifyストアにGoogle Analytics 4を設定している場合、これもGTMと接続する簡単な方法です。
以下の手順に従ってください：
- Shopify管理画面の販売チャンネルから オンラインストアを クリックします。
- 環境設定を選択します。
- Google Analyticsのセクションまでスクロールし、Googleを設定するをクリックします。
注意： ShopifyにGoogle & YouTubeアプリがインストールされていない場合は、必要な権限リストを確認し、一番下のインストールをクリックして次に進みます。または、アプリがGoogleに接続されていない場合は、[接続]をクリックし、アナリティクスのプロパティを所有するGoogleアカウントを選択します。
- ドロップダウンリストで、GoogleタグIDを選択します。
- Google Analytics4 propertyに接続をクリックします。
オプション3：Shopifyのテーマファイル経由でGoogleタグマネージャをインストールする
GTMのセットアップをもっとコントロールしたい場合や、ウェブ開発者の場合は、GTMコードをShopifyのテーマに手動で挿入することができます。
その方法はこうだ：
- Shopify管理画面のオンラインストアに 移動します。
- 環境設定をクリックします。
- アクティブなテーマで、カスタマイズの横にある3つの点をクリックします。
- コードの編集を選択する。
- Layoutセクションの{/}theme.liquidファイルを探します。
重要： ファイルをチェックして、以下のようなGoogleトラッキングタグがないことを確認してください。これが表示されている場合は、すでにGoogle製品をインストールしていることを意味します。重複トラッキングにつながる可能性があり、ページビューやコンバージョンの不正確なデータが得られ、ビジネス戦略に影響を与える可能性があるため、次のステップに進む必要はありません。
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || []；
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date())；
gtag('config', 'TAG_ID')；
</script>
コードが表示されない場合は、次のステップに進んでセットアップを完了してください：
- GTMダッシュボードに行く。
- ワークスペースの変更] の横にある青いフォントのGTM IDをクリックします。
- Copy the <head> code.
- Paste the code right after the <head> tag in the theme.liquid file.
- Saveをクリックして変更を公開します。
カスタマージャーニー全体を測定するために、ウェブサイトのすべてのページにGoogleタグを実装することをお勧めします。さらに重要なことは、現在キーイベントと呼ばれているコンバージョンの重複を避けるため、1つのウェブページに複数のGoogleタグを追加することは避けなければなりません。- https://www.youtube.com/watch?v=RHpP07zREM8
ShopifyにGoogle Tag Managerを追加して高度なトラッキングを行う方法
ShopifyストアにGTMをセットアップしたら、高度なトラッキングタグを追加することで、さらに多くの機能を引き出すことができます。ここでは、ShopifyにGoogle Tag Managerを追加して、より詳細なトラッキングを行う方法をご紹介します。
Shopifyでコンバージョントラッキングを設定する
Shopifyのトラッキングを含むコンバージョントラッキングは、何人の訪問者がウェブサイト上でアクションを完了したかを確認するために不可欠です。このデータにアクセスすることで、どのキャンペーンがコンバージョンを促進しているのかを理解し、より効果的なビジネスのアイデアや、広告費と全体的な戦略についての決定につなげることができます。
以下の種類の行動を追跡することができる：
- 購入やサインアップなどのウェブサイトのアクション
- 広告から直接かかってきた電話 、またはサイト上の電話番号にかかってきた電話
- モバイルアプリ内でのアプリのダウンロードや購入などのアプリ内アクション
- オフラインコンバージョンとは、オンラインで始まり（問い合わせフォームへの入力など）、オフラインで完了するアクションのことです（店舗での契約など）。
- 道順を聞いたり、店に電話するなど、実店舗を訪れるようなローカルな行動。
重要：ShopifyのGoogle & YouTubeアプリからGTMをインストールするか、Merchant CenterとGoogle Adsアカウントをリンクすると、広告と無料リスティングの両方のコンバージョントラッキングが自動的に設定されます。
さらに重要なことは、収集したデータに関する明確かつ包括的な情報をユーザーに提供し、法律で必要とされる広告パーソナライゼーションに対する同意を確保することです。
GTMを手動で設定する場合は、以下を参照してください。 Shopifyでコンバージョントラッキングを設定する方法:
- Google広告のアカウントにアクセスします。
- ツールと設定]をクリックします。
- Measure（測定）」の「Conversions（換算）」を選択する。
- プラス（+）記号をクリックする。
- ウェブサイトを選択し、詳細を記入してください。
- タグを自分で 設置する」を選択します。
- イベントスニペットコードをコピーする。
- Googleタグマネージャーのアカウントにアクセスします。
- タグと 新規をクリックする。
- Tag Configurationをクリックします。
- カスタムHTMLタグを選択します。
- イベントスニペットを HTMLフィールドに貼り付ける。
- 顧客が購入完了後にサンキューページに到達した場合など、特定のユーザーアクションに基づいてトリガーを設定します。
- タグを保存する。
Google広告とFacebookにコンバージョンタグを設置する
Google広告やFacebookキャンペーンを実施している場合、コンバージョンタグを追加することで、広告のパフォーマンスを正確に測定することができます。
Google広告のコンバージョンタグを設置する
- Google広告のダッシュボードで、「ツールと設定」を開きます。
- 新規コンバージョンアクションを作成し、コンバージョンタイプとしてウェブサイトを選択します。
- 追跡したい内容（購入、登録など）の詳細を記入してください。
- GTMにアクセスし、新しいGoogle広告のコンバージョントラッキングタグを作成します。
- Google広告の設定から取得できる詳細情報を入力します。
- ユーザーのアクションに基づいたトリガーを設定する（例：購入後のサンキューページ）。
- タグを保存してテストする。
メタ（Facebook）ピクセルタグの設置
- Googleタグマネージャーのアカウントにアクセスします。
- 新しいタグを作成する。
- タグ設定]をクリックし、[カスタムHTML]を選択します。
- Meta Events Managerにアクセスしてください。
- イベントの追加を選択します。
- 新しいウェブサイトから選ぶ。
- 手動でコードをインストール]をクリックします。
- Copy Codeをクリックする。
- GTMアカウントに戻り、HTMLフィールドにコードを貼り付ける。
- 詳細設定ドロップダウンをクリックします。
- タグ発射オプションで、「1ページに1回」を選択します。
- Fire Onで、All Pagesを選択する。
- 保存をクリックする。
- イベント専用のタグを作成する：
- Googleタグマネージャーのアカウントにアクセスします。
- 新しいタグを作成する。
- タグ設定]をクリックし、[カスタムHTML]を選択します。
- イベント関連のコードと、受信したいその他の変数をコピー＆ペーストしてください。
- 詳細設定ドロップダウンをクリックします。
- タグ発射オプションで、イベントごとに1回を選択します。
- タグシーケンスで、 [タグ名]が発火する前にタグを発火させるを選択する。
- Setupタグで ベースコードタグを 選択します。
- Fire Onで、サイトに適したトリガーを選択する。
- タグの作成」を選択します。ウェブサイト上の他のイベント（例：カートに追加）にもタグを作成できます。
- タグの作成が完了したら、「公開」をクリックします。
カスタム・イベント・トラッキング
ボタンのクリックやフォームの送信など、特定のアクションをトラッキングしたいですか？GTMでカスタムイベントトラッキングを設定する方法をご紹介します：
- GTMのトリガーに行き、新規トリガーを作成する。
- カスタムイベントを選択します。
- イベント名を入力します。
- Use Regex Matching（正規表現マッチングを使用）」を選択して、このフィールドで正規表現を使用できるようにする。
- 保存をクリックする。
Shopify用Googleタグマネージャのテスト方法
新しいGTMタグを使用してストアを立ち上げる前に、それらが正しく動作することを確認するためにテストすることが重要です。
タグマネージャープレビューモードを使用する
Googleタグマネージャのプレビューモードは、タグがウェブサイト上でどのように動作するかをリアルタイムで確認できる便利なツールです。
ここでは、タグマネージャープレビューモードでGTMをテストする方法を説明します：
- GTMを開き、プレビューをクリックする。
- プレビューウィンドウにShopifyストアのURLを入力してください。
- URLにデバッグパラメータを追加すると、ウェブサイトやページが壊れる場合があります。その場合は、URLにデバッグシグナルを含めるというラベルの付いたボックスのチェックを外してください。
- 接続をクリックする。
- あなたのストアをブラウズし、タグが期待通りに発火しているかを監視します。
Googleタグアシスタントツールを使用する
Googleのタグアシスタントも、タグの確認やトラブルシューティングに便利なツールだ。Googleタグが正しくインストールされ、機能しているかどうかをチェックします。
ここでは、Google Tag Assistantツールを使ってGTMをテストする方法を説明します：
- Google広告のアカウントにアクセスします。
- 目標をクリックする。
- コンバージョンを選択する。
- サマリー」をクリックする。
- ステータス]列をチェックして、コンバージョンが[未検証]または[タグ非アクティブ]とマークされていないか確認します。ステータスの概要は、アクティブ、要注意、未記録です。
- アクティブ（緑のハイライト）：すべてが機能しています。
- 注意が必要（黄色のハイライト）：対処すべき項目や問題がある。
- 記録されていません（赤いハイライト）：24時間以上コンバージョン測定タグからのpingがない、測定プラットフォームがリンクされていない（例：Firebase、Google Play）、またはアカウントが許可リストに登録されていない（例：店舗売上や店舗訪問）。
- Actions]列で、[Troubleshoot]を選択します。
- Get Started」をクリックすると、新しいウィンドウで「Tag Assistant」が開きます。
- ウェブページのURLを入力します。
- URLを入力したら、Connectをクリックして新しいブラウザのタブでページを開きます。
- コンバージョンタグ（例：フォーム入力、チェックアウト）をテストする。
- タグマネージャの プレビューウィンドウに戻り、タグが正しいタイミングで発火するか確認します。
- Google Adsアカウントのコンバージョンページを更新します。正常に機能していれば、1分以内にトラッキングステータスが「No Recent Conversions」に更新されるはずです。
- 検証が終わったら、コンバージョンタグをテストしたウェブページに戻ってください。
- Finishをクリックする。
Googleタグアシスタントで実装を確認し、広告キャンペーンが正常に実行されてから少なくとも24時間待ってから、Google広告のコンバージョンアクションに戻って結果を確認してください。
ShopifyとGoogleタグマネージャで避けるべきよくある間違い
ShopifyとGoogle Tag Managerを使用する際に避けるべき一般的な落とし穴をいくつかご紹介します：
- トラッキングイベントの重複：複数のGoogleタグを追加すると、データが膨れ上がったり不正確になったりする可能性があります。
- Misplacing the GTM code: Always make sure the GTM code is placed immediately after the <head> tag.
- タグをテストしない本番前に必ずプレビューモードまたはタグアシスタントを使用する。
結論
このガイドに従うことで、ユーザーインタラクション、コンバージョン、キャンペーンパフォーマンスをトラッキングする、完全に最適化されたGoogle Tag Manager on Shopifyのセットアップを、コードを常に変更することなく行うことができます。GTMはShopifyストアにとって画期的なもので、マーケティングキャンペーンを成功させ、ストアのパフォーマンスをモニターするために必要な柔軟性とインサイトを提供します。
