タグの検証とトラブルシューティング | トラブルシューティング

はじめに

ここで説明する検証方法は、Google Chromeをブラウザとして、ベンダー固有のプラグインを使用して行われます。

ベンダープラグイン

以下のプラグインをGoogle Chromeにダウンロードすることをおすすめします：

Chrome Developer Tools

Chrome Dev Toolsのチュートリアルを受講して、インターフェースに慣れることをおすすめします：

Google Tag Assistantで検証する

以下のリンクは、人気のあるGoogleタグのパラメータについて説明しています：

Google Tag Assistantを使用して検証する手順は以下の通りです：

プラグインをダウンロードした後、Tealiumのタグがインストールされているサイトを開き、Chromeウィンドウの右上隅にあるプラグインアイコンをクリックします。
すべてのページを検証を選択し、完了をクリックします。
プラグインが他のプラグインによってGoogleのタグがブロックされていないかどうかをチェックするために、許可をクリックし、プラグインインターフェースに表示されるGoogleのタグをクリックして詳細を確認します。
Google Analyticsの場合、ページビューリクエストまたはイベントをクリックします。以下の例は、ページビューリクエストをクリックした場合の結果を示しています。
それらのいずれかをクリックすると、Googleに送信されるパラメータが表示されます。 URLタブをクリックすると、より詳細な表示が表示されます。

|
デフォルトの表示では、フォーマットされていないURLリクエストが表示されます。テーブルボタンをクリックしてフォーマットされた表示に切り替えると、Googleに送信される各パラメータが表示されます。ただし、最初のメタデータタブを表示しても問題ありません。
このプラグインを使用して他のGoogleタグを検証することもできます。例えば、Floodlight、Google Ads、Google Publisher、DFP、Google Trusted Storesなどがあります。

Google Debuggerで検証する

以下のリンクは、Google Analyticsタグのパラメータについて説明しています：

Google Debuggerを使用して検証する手順は以下の通りです：

プラグインをダウンロードした後、Tealiumのタグがインストールされているサイトを開き、Chromeウィンドウの右上隅にあるプラグインアイコンをクリックします。

Chrome Developer Tools Consoleにライブ出力が表示されます。
イベントやページビューをトリガーすると、コンソールにGoogle Analyticsの出力が表示されます。
出力には、Google Analyticsに送信される内容が表示されます。

|

Facebook Pixel Helperで検証する

このウィンドウに表示されるイベントは、対話の種類に応じて異なる数が表示されます。これらのイベントとそれに送信できるパラメータについては、Facebook Eventsを参照してください。

Facebook Pixel Helperを使用して検証する手順は以下の通りです：

プラグインをダウンロードした後、Tealiumのタグがインストールされているサイトを開き、Chromeウィンドウの右上隅にあるプラグインアイコンをクリックします。
プラグイン内のイベントを展開すると、以下のようにパラメータが表示されます：
検出された各ピクセルタイプを展開して詳細を表示できます。
この例では、AddToCartピクセルイベントが表示されます：
表示されるデータはFacebookに送信されるデータです。

Adobe Analytics Debuggerで検証する

Adobe Analyticsデバッガーには、表示されるパラメータがいくつかあります。Adobe Analytics（AppMeasurement）タグのパラメータについては、Adobe Query Parametersを参照してください。

Adobe Analytics Debuggerを使用して検証する手順は以下の通りです：

プラグインをダウンロードした後、Tealiumのタグがインストールされているサイトを開き、Chromeウィンドウの右上隅にあるプラグインアイコンをクリックします。 Chrome Developer Tools Consoleにライブ出力が表示されます。
イベントやページビューをトリガーすると、コンソールにAdobe Analyticsの出力が表示されます。
このコンソール出力は、各サーバーコールでAdobeに送信されるすべてのデータを表しています。

Chrome Developer Toolsで検証する

すべてのベンダーが独自のプラグインを持っているわけではありません。その場合は、Chrome Developer ToolsのNetworkタブを使用して、ブラウザからタグによって正常に送信されているかどうかを検証することをおすすめします。

詳細については、Chrome DevTools Network Analysisを参照し、ドキュメント内でView query string parametersを検索して利用可能なパラメータについて詳しく学びます。

Chrome Developer Toolsを使用して検証する手順は以下の通りです：

Tealiumがインストールされているサイトを開きます。
Developer Toolsを表示するには、ページを右クリックして検証を選択します。
Networkタブをクリックします。
この例ではGoogle Analyticsを使用していますが、他のタグでも使用できます。
Tealium iQで、タグの構成部分でトラッキングIDを見つけてID番号をコピーします。
Networkタブがまだ開いている状態で、サイトに戻り、フィルターボックスにID番号を貼り付けます。
ログを保持するチェックボックスをクリックし、ページビューやイベントを実行します。
タグによって送信されるネットワークリクエストが表示されます。
エントリをクリックしてリクエストの詳細を表示します。
ここには、Request URL、Response Headers、Cookies、Query Parametersなどの情報がいくつか表示されます。

私たちは特にRequest URLとQuery Parametersに興味がありますが、他の情報についてはこちらで詳細を確認できます：Chrome Network Tab

Request URLは、ベンダーのサーバーにPOSTまたはGETとして送信されたURL全体です。このURLには、サーバーURLとベンダーが受け取るクエリ文字列パラメータ（データ）が含まれています。

Query String Parametersは、ベンダーが受け取るパラメータのリスト（サーバーURLは含まれません）です。これはおそらく、ページからベンダーにデータが渡される方法です。

以下の例は、Adobe AppMeasurementサーバーコールのQuery String Parametersを示しています：

トラブルシューティング

クエリパラメータやプラグインのいずれかに欠落がある場合、自分でトラブルシューティングを試みることがあります。以下の方法を試してみることができます：

まず、Web CompanionまたはUniversal Tag Monitorを使用して、ページとイベントのトラッキングコールで使用されるデータレイヤー変数を確認します。詳細を学ぶ。
データレイヤーが不完全な場合、必要な変数を含めるために追加の開発作業が必要になる場合があります。
データレイヤーが正常で、トラッキングコールも期待どおりに機能しているが、ベンダータグが期待するデータを受け取っていない場合は、次のステップとしてタグのデータマッピングを確認します。データマッピングは、Tealiumに対応するベンダーパラメータに送信するデータレイヤー変数を指示します。詳細を学ぶ。