Google タグを Shopify でセットアップする

Google 広告と Google アナリティクスを使って、サイトに関する行動データを測定することができます。この記事では、Google 広告アカウントまたは Google アナリティクス アカウントのタグを設定する手順について説明します。詳しくは、ウェブサイト作成ツールや CMS で Google タグを設置するをご覧ください。

Google タグを設定する手順は、「AW-」で始まるタグ ID（通常は Google 広告アカウント）と「G-」で始まるタグ ID（通常は Google アナリティクスのプロパティ）では異なります。使用するタグに応じて、以下の手順を行います。

始める前に

Google 広告または Google アナリティクスと Shopify アカウントを統合する際、料金は発生しません。統合を設定するには以下が必要です。

タグが「AW-」で始まる場合

Google 広告で Google タグをセットアップするには、Shopify で Google & YouTube アプリを使用してコンバージョン トラッキングをセットアップするのが最も速くて簡単です。

  1. Shopify コンソールで検索バーをクリックし、「Google and YouTube」と入力して [Google & YouTube] を選択します。
  2. Shopify アプリストアが表示されます。[インストール ] をクリックして続行します。
  3. 必要な権限のリストを確認し、下部にある [インストール] をクリックして続行します。
  4. アプリが Google に接続されていない場合は、[接続] をクリックし、広告プロパティを所有する Google アカウントを選択します。
  5. Merchant Center アカウントを選択し、[接続] をクリックします。
  6. コンバージョン トラッキングが有効になっていることを確認します。利用規約を読み、同意する旨のチェックボックスをオンにします。最後に [設定を完了] をクリックします。
  7. ご利用のアカウントから Google にコンバージョン情報が送信されるようになります。

Shopify で Google & YouTube アプリを使用しない場合は、Google タグを手動でセットアップしていただくことになります。手動でのセットアップは、複雑になりがちなのに加え、キーイベントの重複が発生する可能性が高く、トラッキング データが不正確になることがあるため、上級ユーザーにのみおすすめします。

Google タグを手動でセットアップする場合は、この記事の手順に沿って進めてください。

1. Google タグを手動で追加する

  1. Google 広告アカウントにログインします。
  2. 右上のツールアイコンをクリックし、[設定] で [Google タグ] をクリックします。
  3. [設定] タブに移動します。
  4. [Google タグ] で [実装手順] をクリックします。
  5. [実装手順] ページで、[手動でインストールする] を選択します。
  6. Shopify 内の左側のパネルで [オンライン ストア] > [テーマ] を選択し、現在有効なテーマのその他アイコン > [コードを編集する] プルダウンを選択します。
  7. [レイアウト] で {/}theme.liquid を選択します。
  8. theme.liquid ファイルに、Google トラッキング タグが含まれていないことを確認します。このページに、下の箇所に記載されているようなコードが含まれている場合は、Google サービスがすでにインストールされている可能性が高いため、置き換える前に再確認してください。
  9. お客様のウェブサイトと Google 広告をリンクするには、ウェブサイトの <head> 要素の後に、<!-- Google tag (gtag.js) --> で始まり </script> で終わる、下述のコードをコピーして貼り付けます。
  10. [保存] をクリックして終了します。ウェブサイトの各ページに複数の 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>

2. Google 広告でコンバージョン アクションを表示する

設定が有効になったことを確認したら、コンバージョンを表示してデータを確認したり、管理上の変更を加えたり、コンバージョン目標を更新したりできます。次の手順に沿ってアクションを表示し、Google 広告で実施できる更新の詳細を確認してください。

  1. Google 広告アカウントにログインします。
  2. アカウントの右上にある [ツールと設定] アイコンをクリックして、プルダウン メニューから [測定] を選択します。
  3. [コンバージョン] をクリックします。

コンバージョン アクションに関する重要な情報:

  • コンバージョン アクションの名前と追加設定は Google 広告で編集できます。
  • アカウントのデフォルトのコンバージョン目標が有効になっているのは、「購入」コンバージョン タイプのみです。[コンバージョン] に含めるコンバージョン アクションを選択できます。
  • 計測期間は 90 日間に設定されています。

コンバージョン トラッキング データの詳細

3. コンバージョン トラッキングの設定を確認してトラブルシューティングする

Tag Assistant を使用すると、Google 広告用の Google タグ マネージャーのインストールを確認してトラブルシューティングできます。次の手順に沿って、コンバージョン トラッキングの実装を確認します。Tag Assistant を使用してトラブルシューティングできるのは、「未確認」または「タグが無効」のコンバージョンのみです。トラッキング ステータスの詳細

  1. Google 広告アカウントにログインします。
  2. 右上の [ツールと設定] アイコンをクリックし、[測定] の下にある [コンバージョン] をクリックします。
  3. [概要] 表の [ステータス] 列で、[未確認] または [タグが無効] のステータスを確認します。
  4. [アクション] 列で [トラブルシューティング] をクリックします。
  5. [開始] をクリックすると、Tag Assistant が新しいウィンドウで開きます。
  6. トラブルシューティングするウェブページの URL を入力します。
    • コンバージョン ページの URL を直接使用するのではなく、ランディング ページまたはホームページを使用することをおすすめします。ランディング ページにアクセスすると、コンバージョン ページに移動できます。
  7. [接続] をクリックすると、新しいブラウザタブでウェブページが開きます。
    • コンバージョンの概要の表と [Tag Assistant] ウィンドウは、後で使用できるように開いたままにしておき、タブを閉じないでください。コンバージョンが「フォーム送信のトラッキング」の場合は、Tag Assistant の接続サイトでフォームの送信をテストします。タブをプレビュー ウィンドウに切り替えて、正しい場所でタグが配信されるかどうかを確認します。
  8. Google 広告アカウントのコンバージョン ページを更新します。トラッキング ステータスが 1 分以内に [最近のコンバージョンはありません] に変わります。
  9. プレビュー ウィンドウでタグの配信状況を確認したら、コンバージョン アクションがテストされたウェブページに戻り、[完了] をクリックします。

Google Tag Assistant で実装を確認し、広告キャンペーンが正常に実施されたら、24 時間以上経過してから Google 広告の [コンバージョン アクション] セクションに再度アクセスしてください。

トラッキング ステータスについて

Tag Assistant を使ってトラブルシューティングできるのは「未確認」または「タグが無効」のコンバージョンのみですが、Google 広告には複数のステータス オプションが表示されます。詳しくは、コンバージョン トラッキングのステータスに関するトラブルシューティングをご覧ください。

タグが「G-」で始まる場合

Google アナリティクスを使ってトラッキングをセットアップする最も簡単な方法は、Google & YouTube アプリを使用することです。この統合は Shopify にネイティブです。Shopify で Google アナリティクス トラッキングをセットアップする手順は次のとおりです。

  1. Shopify アカウントにログインします。
  2. 左側のパネルで [オンライン ストア] プルダウン メニューを開き、リストから [各種設定] を選択します。
  3. [Google アナリティクス アカウント] セクションに移動して、[Google を設定] をクリックします。
    1. Google & YouTube アプリがインストールされていない場合は、必要な権限のリストを確認し、下部にある [インストール] をクリックして続行します。
    2. アプリが Google に接続されていない場合は、[接続] をクリックし、アナリティクス プロパティを所有する Google アカウントを選択します。
  4. プルダウン リストから Google タグ ID を選択し、[Google アナリティクス 4 プロパティを接続] をクリックします。
注: Google アナリティクスを使用して無料リスティングと広告コンバージョンをトラッキングする場合は、トラッキング イベントが重複しないようにする方法を確認し、コンバージョン トラッキングが重複しないようにしてください。

Google タグを手動で追加する

Shopify で Google & YouTube アプリを使用しない場合は、Google アナリティクスのトラッキングを手動でセットアップできます。手動セットアップは、複雑になることがあり、エラーが発生する可能性が高くなり、トラッキング データが不正確になる可能性があるため、上級ユーザーにのみおすすめします。

Google アナリティクスを使用して手動でトラッキングをセットアップする場合の手順は次のとおりです。

  1. Google アナリティクスで [管理] 画面に移動します。
  2. [データ ストリーム] でストリームをクリックして、詳細を表示します。
    画面に Google アナリティクスの設定内容と Google タグの設定内容が表示されます。
  3. ページの下部にある [Google タグ] で、[実装手順] をクリックします。
  4. [実装手順] ページで、[手動でインストールする] を選択します。
  5. Shopify 内の左側のパネルで [オンライン ストア] > [テーマ] オプションを選択し、現在有効なテーマのその他記号があるボタン > [コードを編集する] プルダウンを選択します。
  6. [レイアウト] で {/}theme.liquid を選択します。
  7. theme.liquid ファイルに、Google トラッキング タグが含まれていないことを確認します。このページに、下の箇所に記載されているようなコードが含まれている場合は、Google サービスがすでにインストールされている可能性が高いため、既存のコードブロックを置き換える前に再確認してください。
  8. お客様のウェブサイトと Google 広告をリンクするには、ウェブサイトの <head> 要素の後に、<!-- Google tag (gtag.js) --> で始まり </script> で終わる、以下のコードをコピーして貼り付けます。[保存] をクリックして終了します。

<!-- 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>

この情報は役に立ちましたか？

改善できる点がありましたらお聞かせください。

さらにサポートが必要な場合

次の手順をお試しください。

ヘルプ コミュニティに投稿する コミュニティ メンバーから回答を得る
お問い合わせ 詳しい情報をお知らせください。解決に向けてサポートいたします
true
検索
検索をクリア
検索を終了
メインメニュー
3423860859521673325
true
ヘルプセンターを検索
true
true
true
true
true
69256
false
false