ユニバーサルタグ（utag.js）について

ホストされるファイル

アカウントに保存されたすべてのタグ構成とビジネスロジックはJavaScriptコードに変換され、utag.jsという名前のファイルにパブリッシュされます。このファイルはアカウント固有のもので、Tealiumのサーバー上でホストされます。

Tealiumのサーバーインフラストラクチャは、これらのファイルを可能な限り迅速にWebサイトへ配信できるように設計されています。Webページでユニバーサルタグのコードスニペットが実行されると、Tealiumのサーバーにリクエストが送信され、ファイルがページにダウンロードされてコードが実行されます。utag.jsがページに読み込まれるとすぐに、タグを発火する準備のためのコード実行が開始されます。

ユニバーサルタグutag.jsが読み込まれる仕組みについては、処理順序をご覧ください。

ページデータ

サイトがutag_dataに動的に構成するデータに加えて、utag.jsライブラリはページからその他のさまざまなデータ値を自動的に収集し、1つの一元化されたデータオブジェクトに統合します。このデータオブジェクトは、タグとロードルールから利用できます。次のページ要素が取得されます。

• クエリ文字列パラメータ
• ファーストパーティCookie
• JavaScript変数
• メタデータ要素

最終的なデータオブジェクトは、ロードルールとタグの動作に使用されます。

ロードルール

ロードルールは、タグを読み込むタイミングを決定する厳密な条件です。通常、ロードルールは1つ以上の条件で構成され、適用先のタグを読み込むには、そのロードルールを満たす必要があります。データオブジェクト内のすべての変数を使用してロードルールが評価され、ページに読み込むタグが決定されます。ロードルールは、クライアント側のブラウザーで評価されるJavaScriptコードです。

イベント

イベントは、データの収集に役立つトリガーです。閲覧者がページ上でアクションを実行するのを監視し、その情報をデータレイヤーに送信します。たとえば、特定の商品が表示された回数を確認するには、商品ページが表示されるたびに発火するイベントを使用できます。また、特定の要素が表示されたときなど、Webサイトの要素に対するユーザーの操作を記録するためにも使用できます。イベントトリガーは、ロードルールを使用して、タグとともにページに読み込むかどうかを決定します。イベントは、クライアント側のブラウザーで評価されるJavaScriptコードです。

タグの読み込み

ベンダータグの読み込みと実行に必要なコードもTealiumにパブリッシュされ、utag.1.jsのようにタグのUIDに基づいて番号が付けられたタグ構成ファイルに保存されます。訪問がWebページにアクセスすると、ブラウザーは各タグ構成ファイルを取得するため、TealiumサーバーにHTTPリクエストを送信します。

このファイルにはベンダーの構成と構成が含まれていますが、ベンダーのJavaScriptファイルが含まれていない場合があります。その場合、ベンダーのコードを取得するために追加のHTTPリクエストが送信されます。ページのレンダリング時間への影響を最小限に抑えるため、これらのリクエストは非同期で送信されます。

次の簡単な例は、Google Analyticsという1つのタグがページに読み込まれる仕組みを示しています。

• utag.js（tags.tiqcdn.com）- Tealiumタグ管理JavaScriptライブラリ
• utag.1.js（tags.tiqcdn.com）- Google Analytics用のTealiumタグ構成ファイル
• analytics.js（www.google-analytics.com）- Google Analytics JavaScriptライブラリ

ページから送信されるHTTPリクエスト数を減らすには、タグをバンドルしてページのパフォーマンスを向上させます。

タグの実行

すべてのタグファイルが読み込まれ、DOM Readyイベントに到達すると、トラッキングビーコンがトリガーされます。ベンダーコードはTealiumの外部にある場合と同じように実行されるため、生成されるHTTPリクエストを簡単に識別できます。

たとえば、ネットワークリクエストでは、analytics.jsスクリプトと収集用画像ピクセルの2つによってGoogle Analyticsを識別できます。次に示すように、Google Analyticsがタグ管理によって読み込まれる場合でも、同じネットワークリクエストが発生します。