Google の新しいタグに関するドキュメントをご確認いただきありがとうございます。このサイトは公開ベータ版です。(フィードバック

既存のタグ設定を分析する

新しいタグを設定する前に、ウェブサイトまたはモバイルアプリにどのようなタグがすでに設定されているか(ある場合)を把握しておくことが重要です。既存のタグ設定を評価して、余分なタグや複数のタグを必要以上に追加しないようにしましょう。ウェブページのタグ設定が現在どのような状態か不明な場合は、この記事で説明する、既存のタグ設定を分析する方法を参考にしてください。

タグを分析するには、Google タグ マネージャーの機能である Google Tag Assistant を活用するか、手動でのコード検査の手法を使用することができます。

Tag Assistant

Google Tag Assistant は、グローバル サイトタグ(gtag.js)を設定するためのタグ分析ツールです。Tag Assistant を有効にすると、ブラウザでウェブサイトのコンテンツの下にデバッグペインが表示されるため、どのグローバル サイトタグ コマンドがどのような順序で配信されたかを調べることができます。Tag Assistant では、データレイヤーに渡されているデータと、そのデータ交換をトリガーしたイベントが表示されます。また、ヒット数(http のリクエスト数)や、関連するパラメータも表示されます。Tag Assistant の詳細

タグ マネージャー

タグ マネージャーのアカウントとコンテナを調べて、既存のタグ設定を分析することもできます。タグ マネージャーには、Tag Assistant と同様の機能を持つプレビュー モードも備わっています。

バージョン

タグ マネージャーのバージョン機能では、既存のコンテナ設定の概要が表示されます。

  1. タグ マネージャーで [バージョン] をクリックします。
  2. リストの最新バージョンをクリックすると、コンテナの現在の状態が表示されます。このビューには、タグ、トリガー、変数、カスタム テンプレートが表示されます。

プレビュー モード

タグ マネージャーのプレビュー モードでは、ページで配信されているタグ、それらのタグをトリガーするイベント、データレイヤーにプッシュされるデータを表示できます。プレビュー モードは、ほとんど Tag Assistant と同様に機能します。プレビュー モードの詳細

手動でのコード検査

既存のタグ設定をより詳細に分析するには、手動でのコード検査が必要となる場合があります。ソースコードで次のような一般的なタグキーワードを検索して、タグ設定の有無を調べることができます。

  • gtag( - gtag() 関数の冒頭部分です。多くの場合、これらのコード フラグメントには追加のインストルメンテーションが含まれています。
  • googletagmanager.com - タグ マネージャーとグローバル サイトタグ両方の機能の読み込みに使用するドメインで、これらのタグタイプを特定するのに役立ちます。

gtag.js または Google タグ マネージャーのいずれかをすでに使用している場合は、新しい設定を実装する代わりに、既存のタグやインストルメンテーションを更新できる可能性があります。

  • dataLayer - データレイヤー コードの設定状況の確認に使用でき、dataLayer.push() の呼び出しは、特定のイベントのインストルメンテーションで使用します。
  • analytics.js または ga.js - 以前の Google アナリティクスの実装で使用されるライブラリのファイル名。
  • conversion.js または conversion_async.js - Google 広告のコンバージョン測定で使用されるライブラリのファイル名。
  • optimize.js - Google オプティマイズのタグで使用されます。
  • Google タグが含まれている可能性のある第三者タグ管理システム。ソースコードで、utag.js_satellite などの第三者タグ管理システムを確認します。

グローバル サイトタグ(gtag.js)

ページでグローバル サイトタグを使用している場合は、そのタグの用途に関する詳しい情報を確認できます。コアタグは次の例のようになります。

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-XXXXXX-1');
  </script>

複数のサービスやアカウントを使用している場合は、複数の gtag('config',...) 行が表示されます。次に例を示します。

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'UA-XXXXXX-1');
    gtag('config', 'UA-YYYYYY-2');
    gtag('config', 'AW-XXXXXX');
    gtag('config', 'G-XXXXXX');
  </script>

各 config 行には、設定されているサービスを表す接頭辞に続き、設定されているアカウントの ID が含まれます。サービスを表す接頭辞の詳細については、以下をご覧ください。

グローバル サイトタグを管理しているサービスを表す接頭辞

UA グローバル サイトタグは Google アナリティクスで管理されています。この ID は Google アナリティクスの測定 ID です。この ID に関連付けられているプロパティを見つけるには、Google アナリティクスのアカウント検索機能を使用します。プロパティが表示されない場合は、そのプロパティへのアクセス権がない可能性があります。
G グローバル サイトタグは Google アナリティクス 4 ストリームで管理されています。 この ID は Google アナリティクスの測定 ID です。
AW グローバル サイトタグは Google 広告で管理されています。AW 接頭辞の後に続く数字列は、Google 広告のコンバージョン ID です。
DC グローバル サイトタグは Floodlight タグで管理されています。DC の後に続く数字列は広告主 ID です。     
その他 グローバル サイトタグは他の Google サービスで管理されているか、正しく実装されていない可能性があります。確認するには、Tag Assistant を使用します。

Google タグ マネージャー

タグ マネージャーで設定したウェブページには、次の例のようなコンテナタグが設定されます。タグ マネージャーのコンテナ ID は、コンテナコードを検査することで特定できます。コンテナ ID は「GTM-」で始まります。コンテナ ID の配置例を以下に示します。

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->

コンテナ ID を特定したら、Google タグ マネージャーのアカウント画面を開き、 をクリックしてこの ID を検索します。その後、ウェブサイトのタグ、トリガー、変数の設定を調べます。