ユニバーサルタグ(utag.js)について
Tealiumのユニバーサルタグ(utag.js
)とベンダーライブラリファイルがページにどのようにロードされるかを学びます。
ホストされたファイル
アカウントに保存されたすべてのタグ構成とビジネスロジックはJavaScriptコードに変換され、utag.js
という名前のファイルに公開されます。このファイルはアカウント固有のもので、Tealiumのサーバーにホストされています。
Tealiumのサーバーインフラストラクチャは、これらのファイルをできるだけ早くウェブサイトに配信するように設計されています。ウェブページによってユニバーサルタグのコードスニペットが実行されると、Tealiumのサーバーにリクエストが送信され、ファイルがページにダウンロードされ、コードが実行されます。utag.js
がページにロードされるとすぐに、タグを発火する準備のためのコードの実行が始まります。
ユニバーサルタグutag.js
のロード方法についての詳細は、操作の順序を参照してください。
ページデータ
utag_data
にサイトが入力する動的データに加えて、utag.js
ライブラリは自動的にページからさまざまなデータ値を収集し、それらを一つの中央データオブジェクトに組み合わせて、タグとロードルールに利用可能にします。以下のページ要素がキャプチャされます:
- クエリ文字列パラメータ
- ファーストパーティクッキー
- JavaScript変数
- メタデータ要素
最終的なデータオブジェクトは、ロードルールとタグの動力源として使用されます。
ロードルール
ロードルールは、タグをロードするタイミングを決定する正確な条件です。一つ以上の条件で構成されることが一般的で、ロードルールが満たされると、それに適用されるタグがロードされます。データオブジェクトからの変数の完全なリストを使用してロードルールを評価し、どのタグがページにロードされるかを決定します。ロードルールはクライアントサイドでブラウザ内で評価されるJavaScriptコードです。
イベント
イベントはデータ収集を助けるトリガーです。ページ上で閲覧者がアクションを実行するのを待ち、その情報をデータレイヤーに送信します。たとえば、特定の製品が何回閲覧されたかを確認したい場合、製品ページが閲覧されるたびに発火するイベントを使用できます。また、特定の要素が表示されたときなど、ウェブサイト要素とのユーザーインタラクションを記録するためにも使用できます。イベントトリガーは、ページ上でロードされるかどうかを決定するためにロードルールを使用します。イベントはクライアントサイドでブラウザ内で評価されるJavaScriptコードです。
タグのロード
ベンダータグをロードして実行するために必要なコードもTealiumに公開され、タグのUIDに応じて番号が付けられたタグ構成ファイル(例:utag.1.js
)に保存されます。訪問のブラウザは、ウェブページにアクセスするときに、各タグ構成ファイルを取得するためにTealiumサーバーにHTTPリクエストを送信します。
このファイルにはベンダーの構成と構成が含まれていますが、ベンダーのJavaScriptファイルが含まれていない場合があります。その場合、ベンダーのコードをフェッチするために追加のHTTPリクエストが行われます。これらのリクエストは、ページのレンダリング時間に影響を与えないように非同期で行われます。
ここに、Google Analyticsがページにロードされる方法を示す簡単な例を示します:

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ライブラリ
ページのパフォーマンスを向上させるために、タグをバンドルすることで、ページからのHTTPリクエストの数を減らします。
タグの実行
すべてのタグファイルがロードされ、DOM Readyイベントが到達すると、トラッキングビーコンがトリガーされます。ベンダーコードはTealiumの外で実行された場合と同じように実行されるため、結果として生じるHTTPリクエストは簡単に識別できます。
たとえば、Google Analyticsは、次の2つの項目によってネットワークリクエストで識別されます:analytics.js
スクリプトとcollectイメージピクセル。これらの同じネットワークリクエストは、iQタグ管理を介してGoogle Analyticsがロードされた場合でも発生します。ここに示されています:

最終更新日 :: 2025年February月27日