--- title: ユニバーサルタグ（utag.js）について description: Tealiumユニバーサルタグ（`utag.js`）とベンダーライブラリファイルがページに読み込まれる仕組みについて説明します。 url: https://docs.tealium.com/ja/tag-management/getting-started/install/about-utag/ --- ## ホストされるファイル アカウントに保存されたすべてのタグ構成とビジネスロジックはJavaScriptコードに変換され、`utag.js`という名前のファイルにパブリッシュされます。このファイルはアカウント固有のもので、Tealiumのサーバー上でホストされます。 Tealiumのサーバーインフラストラクチャは、これらのファイルを可能な限り迅速にWebサイトへ配信できるように設計されています。Webページでユニバーサルタグのコードスニペットが実行されると、Tealiumのサーバーにリクエストが送信され、ファイルがページにダウンロードされてコードが実行されます。`utag.js`がページに読み込まれるとすぐに、タグを発火する準備のためのコード実行が開始されます。 ユニバーサルタグ`utag.js`が読み込まれる仕組みについては、[処理順序](https://docs.tealium.com/order-of-operations/)をご覧ください。 ## ページデータ サイトが`utag_data`に動的に構成するデータに加えて、`utag.js`ライブラリはページからその他のさまざまなデータ値を自動的に収集し、1つの一元化されたデータオブジェクトに統合します。このデータオブジェクトは、タグとロードルールから利用できます。次のページ要素が取得されます。 * クエリ文字列パラメータ * ファーストパーティCookie * JavaScript変数 * メタデータ要素 最終的なデータオブジェクトは、ロードルールとタグの動作に使用されます。 ## ロードルール [ロードルール](https://docs.tealium.com/about-load-rules/)は、タグを読み込むタイミングを決定する厳密な条件です。通常、ロードルールは1つ以上の条件で構成され、適用先のタグを読み込むには、そのロードルールを満たす必要があります。データオブジェクト内のすべての変数を使用してロードルールが評価され、ページに読み込むタグが決定されます。ロードルールは、クライアント側のブラウザーで評価されるJavaScriptコードです。 ## イベント [イベント](https://docs.tealium.com/about-events/)は、データの収集に役立つトリガーです。閲覧者がページ上でアクションを実行するのを監視し、その情報をデータレイヤーに送信します。たとえば、特定の商品が表示された回数を確認するには、商品ページが表示されるたびに発火するイベントを使用できます。また、特定の要素が表示されたときなど、Webサイトの要素に対するユーザーの操作を記録するためにも使用できます。イベントトリガーは、ロードルールを使用して、タグとともにページに読み込むかどうかを決定します。イベントは、クライアント側のブラウザーで評価されるJavaScriptコードです。 ## タグの読み込み ベンダータグの読み込みと実行に必要なコードもTealiumにパブリッシュされ、`utag.1.js`のようにタグのUIDに基づいて番号が付けられたタグ構成ファイルに保存されます。訪問がWebページにアクセスすると、ブラウザーは各タグ構成ファイルを取得するため、TealiumサーバーにHTTPリクエストを送信します。 このファイルにはベンダーの構成と構成が含まれていますが、ベンダーのJavaScriptファイルが含まれていない場合があります。その場合、ベンダーのコードを取得するために追加のHTTPリクエストが送信されます。ページのレンダリング時間への影響を最小限に抑えるため、これらのリクエストは非同期で送信されます。 次の簡単な例は、Google Analyticsという1つのタグがページに読み込まれる仕組みを示しています。 ![](https://docs.tealium.com/images/platforms/javascript/utag-network-files.png) * **`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リクエスト数を減らすには、[タグをバンドル](https://docs.tealium.com/tag-advanced-settings/)してページのパフォーマンスを向上させます。
## タグの実行 すべてのタグファイルが読み込まれ、DOM Readyイベントに到達すると、トラッキングビーコンがトリガーされます。ベンダーコードはTealiumの外部にある場合と同じように実行されるため、生成されるHTTPリクエストを簡単に識別できます。 たとえば、ネットワークリクエストでは、`analytics.js`スクリプトと収集用画像ピクセルの2つによってGoogle Analyticsを識別できます。次に示すように、Google Analyticsがタグ管理によって読み込まれる場合でも、同じネットワークリクエストが発生します。 ![](https://docs.tealium.com/images/platforms/javascript/utag-vendor-pixel.png)