---
title: データレイヤーの仕組み
description: この記事では、ウェブサイトのデータレイヤーがどのように機能するかを説明します。
url: https://docs.tealium.com/ja/iq-tag-management/data-layer/how-it-works/
---
以下の用語は、ウェブサイトのデータレイヤーとあなたの [`utag.js`のインストール](https://docs.tealium.com/ja/platforms/javascript/install/)に関連しています：

* **ユニバーサルデータオブジェクト (`utag_data`)**  
ユニバーサルデータオブジェクト（UDO）は、サイトのデータレイヤーを表すJavaScriptオブジェクトです。このオブジェクトを、ページと訪問のインタラクションを記述する動的な値でサイトのすべてのページにわたって充填します。  
[UDOの動作方法](https://docs.tealium.com/ja/platforms/javascript/about-utag-data/)について詳しく学びましょう。

* **変数の種類**   
DOMデータ、クエリ文字列、メタデータタグ、クッキー、JavaScript変数を介して直接ウェブページから利用可能なデータ（カスタマイズされたUDO以外）。  
[データレイヤー変数の種類](https://docs.tealium.com/data-layer-variables/)について詳しく学びましょう。

* **`utag.data`**   
UDOからの変数とページからのすべての他の変数タイプを組み合わせた最終的なデータオブジェクト。このデータは、ロードルールを評価するために使用されます。  
[UDOで利用可能な組み込み変数](https://docs.tealium.com/ja/platforms/javascript/built-in-variables/)について詳しく学びましょう。

* **`b`オブジェクト**   
`utag.js`内の関数によって使用されるJavaScriptオブジェクト。`b`オブジェクトは、各ベンダータグに対して使用される`utag.data`のコピーです。`b`変数はJavaScript拡張で参照できます。  
[`b`オブジェクトとその使用方法](https://docs.tealium.com/ja/platforms/javascript/the-b-object/)について詳しく学びましょう。

以下のグラフィックは、個々の変数がどのように組み合わさってデータレイヤーを作成し、そのデータがベンダータグにどのように流れるかを示しています。

![](https://docs.tealium.com/images/iq-tag-management/dataflow-b&w.jpeg)

## データレイヤーフロー

ウェブページにTealiumをインストールすると、データレイヤーオブジェクトは次のように動作します：

1. Tealium iQタグ管理で定義されたすべての変数が識別されます。
1. 変数が`utag.data`に組み合わされます。
1. 必要に応じて`utag.data`がローカルスコープの`b`オブジェクトにコピーされます。
1. 拡張機能が実行され、`b`オブジェクトが変更される可能性があります。
1. ロードルールは、どのタグをロードして発火するかを決定するために変数を評価します。
1. ロードルールは、イベントリスナーをロードするかどうかを評価します。
1. 変数の値がベンダータグの目的地にマッピングされます。
1. ベンダータグが発火し、データマッピングに従って変数の値を渡します。

Tealium Javascriptライブラリの[操作の順序](https://docs.tealium.com/order-of-operations/)について詳しく学びましょう。