--- title: ユニバーサルタグ（utag.js）について description: Tealiumのユニバーサルタグ（`utag.js`）とベンダーライブラリファイルがページにロードされる方法を学びます。 url: https://docs.tealium.com/ja/iq-tag-management/getting-started/install/about-utag/ --- ## ホストされたファイル アカウントに保存されたすべてのタグ構成とビジネスロジックはJavaScriptコードに変換され、`utag.js`という名前のファイルに公開されます。このファイルはアカウント専用で、Tealiumのサーバーにホストされています。 Tealiumのサーバーインフラストラクチャは、これらのファイルをできるだけ早くウェブサイトに配信するように設計されています。ウェブページによってユニバーサルタグのコードスニペットが実行されると、Tealiumのサーバーにリクエストが送信され、ファイルがページにダウンロードされ、コードが実行されます。`utag.js`がページにロードされるとすぐに、タグを発火する準備のためのコードの実行が始まります。 ユニバーサルタグ`utag.js`のロード方法についての詳細は、[操作の順序](https://docs.tealium.com/order-of-operations/)を参照してください。 ## ページデータ `utag_data`にサイトが動的に入力するデータに加えて、`utag.js`ライブラリは自動的にページからさまざまなデータ値を収集し、それらを一つの中央データオブジェクトに組み合わせて、タグとロードルールに利用可能にします。以下のページ要素がキャプチャされます： * クエリ文字列パラメータ * ファーストパーティクッキー * JavaScript変数 * メタデータ要素 最終的なデータオブジェクトは、ロードルールとタグの動力源として使用されます。 ## ロードルール [ロードルール](https://docs.tealium.com/about-load-rules/)は、タグをロードするタイミングを決定する正確な条件です。一つ以上の条件で構成されることが一般的で、ロードルールが満たされると、それに適用されるタグがロードされます。データオブジェクトからの変数の完全なリストを使用してロードルールを評価し、ページ上でどのタグがロードされるかを決定します。ロードルールはクライアントサイドでブラウザ内で評価されるJavaScriptコードです。 ## イベント [イベント](https://docs.tealium.com/about-events/)はデータ収集を助けるトリガーです。ページ上で閲覧者がアクションを実行するのを待ち、その情報をデータレイヤーに送信します。たとえば、特定の製品が何回閲覧されたかを確認したい場合、製品ページが閲覧されるたびに発火するイベントを使用できます。また、特定の要素が表示されたときなど、ウェブサイト要素とのユーザーインタラクションを記録するためにも使用できます。イベントトリガーは、ページ上でロードされるかどうかを決定するためにロードルールを使用します。イベントはクライアントサイドでブラウザ内で評価されるJavaScriptコードです。 ## タグのロード ベンダータグをロードして実行するために必要なコードもTealiumに公開され、タグのUIDに応じて番号付けされたタグ構成ファイル（例：`utag.1.js`）に保存されます。訪問のブラウザは、ウェブページにアクセスするときに各タグ構成ファイルを取得するためにTealiumサーバーにHTTPリクエストを送信します。 このファイルにはベンダーの構成と構成が含まれていますが、ベンダーのJavaScriptファイルが含まれていない場合があります。その場合、ベンダーのコードをフェッチするために追加のHTTPリクエストが行われます。これらのリクエストは、ページのレンダリング時間に影響を与えないように非同期で行われます。 ここに、Google Analyticsがページにロードされる方法を示す簡単な例を示します： ![](https://docs.tealium.com/images/platforms/javascript/utag-network-files.png) * **`utag.js`** (`tags.tiqcdn.com`) - Tealium iQタグ管理JavaScriptライブラリ * **`utag.1.js`** (`tags.tiqcdn.com`) - Google AnalyticsのTealiumタグ構成ファイル * **`analytics.js`** (`www.google-analytics.com`) - Google AnalyticsのJavaScriptライブラリ
ページのパフォーマンスを向上させるために、[タグをバンドルする](https://docs.tealium.com/tag-advanced-settings/)ことで、ページからのHTTPリクエストの数を減らします。
## タグの実行 すべてのタグファイルがロードされ、DOM Readyイベントが到達すると、トラッキングビーコンがトリガーされます。ベンダーコードはTealiumの外で実行されるのと同じように実行されるため、結果として生じるHTTPリクエストは簡単に識別できます。 たとえば、Google Analyticsは、次の2つの項目によってネットワークリクエストで識別されます：`analytics.js`スクリプトとcollectイメージピクセル。これらの同じネットワークリクエストは、iQタグ管理を介してGoogle Analyticsがロードされた場合でも発生します。ここに示されています： ![](https://docs.tealium.com/images/platforms/javascript/utag-vendor-pixel.png)