インストール

ユニバーサルデータオブジェクト (`utag_data`)

ユニバーサルデータオブジェクト（UDO）は、utag_dataというJavaScriptオブジェクトで、ウェブページの動的データをTealiumタグに渡します。このオブジェクトのプロパティは、ビジネスに特有のプレーンでベンダーニュートラルな用語を使用して命名されます。

以下は、ユニバーサルタグ utag.js の読み込み前に utag_data を宣言する例です：

<!-- Tealium Universal Data Object -->
<script type="text/javascript">
  var utag_data={
      "page_type"     : "section",
      "site_section"  : "men",
      "page_name"     : "Men's Fashion | Acme Inc.",
      "country_code"  : "US",
      "currency_code" : "USD"};
</script>

詳細はこちら：

ユニバーサルタグ (`utag.js`)

ユニバーサルタグは、utag.jsと呼ばれる小さなJavaScriptコードで、サイトにサードパーティのタグを読み込むために必要なすべての生成コードを含んでいます。Tealium iQタグ管理がタグを発火させるために、次のコードをページに挿入します：

<!-- Tealium Universal Tag -->
<script type="text/javascript">
  (function(a,b,c,d) {
      a='//tags.tiqcdn.com/utag/ACCOUNT/PROFILE/ENVIRONMENT/utag.js';
      b=document;c='script';d=b.createElement(c);d.src=a;
      d.type='text/java'+c;d.async=true;
      a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})();
</script>

utag.jsファイルパスには以下の属性が含まれます：

属性	説明	例
`account`	Tealiumアカウント名	`companyXYZ`
`profile`	Tealiumプロファイル名	`main`
`environment`	Tealium環境名	`prod`

例えば、exampleアカウントのsampleプロファイルでprod環境を使用する場合、スクリプトコードのa=行の場所を次のコードに置き換えます：

//tags.tiqcdn.com/utag/example/sample/prod/utag.js

utag.sync.jsについての詳細は、utag.sync.jsをご覧ください。

コードの取得

アカウント名やプロファイル名がわからない場合は、Tealium管理者に問い合わせるか、アカウントの権限システムに応じてプラットフォームからコードスニペットを取得できます：

プラットフォーム権限

プラットフォーム権限を使用しているアカウントの場合、iQタグ管理 > 環境管理にアクセスしてコードスニペットを取得します：

クライアントサイドの管理メニューで環境管理をクリックします。環境管理ダイアログが表示されます。
使用しているウェブサイトの環境の編集アイコンをクリックします。 環境編集画面が表示されます。
コードスニペットセクションでクリップボードにコピーをクリックしてコードスニペットを選択します。
スクリプトコードのa=行の場所を置き換えます。

詳細は環境管理をご覧ください。

レガシー権限

レガシー権限を使用しているアカウントの場合、iQタグ管理 > コードセンターにアクセスしてコードスニペットを取得します：

管理メニューでコードセンターをクリックします。コードセンターダイアログが表示されます。
サイドパネルで環境を選択します。
テキストボックスに表示されたコードを次のいずれかの方法で選択します：
- クリックしてドラッグしてすべてのコードを選択します。
- コードの上にマウスを移動すると表示されるすべて選択ボタンをクリックします。
コードをコピーします。
サイトのオーサリングツールまたはバックエンドシステムにコードを貼り付けます。

詳細はコードセンターをご覧ください。

詳細は環境管理をご覧ください。

コードの配置

ウェブサイトのすべてのページで、開始 <body> タグの直後にユニバーサルタグコードを貼り付けます。この位置は、最も多くのベンダーとの互換性を提供し、訪問が次のページに移動する前にサードパーティのトラッキングが完了することを可能にします。

以下の例は、コードの配置を示しています：

<head>
  <!-- code -->
</head>
<body>
  <TEALIUM CODE SNIPPET GOES HERE>
  <!-- code -->
</body>

操作の順序について学び、ユニバーサルタグ utag.js がどのように読み込まれるかを理解します。

インストールの検証

次のツールを使用して、utag.jsのインストールが正しく機能しているかを検証します。

ユニバーサルタグ (utag) デバッガ

ユニバーサルタグデバッガ（または「utagデバッガ」）は、サイトをナビゲートする際にリアルタイムでデータレイヤーとトラッキングコールを検証する簡単な方法を提供します。Web Companionに似ていますが、utag.js内の各トラッキングイベントでキャプチャされたデータに焦点を当てています。

utag.jsによって行われたトラッキングコールは、ページをナビゲートまたはページ内イベントをトリガーするとツールに表示され、更新されます。

ユニバーサルタグデバッガのインストールと使用方法についてもっと学びましょう

Web Companion

Web Companionは、タグ構成を確認し、サイト上のデータを検査し、新しい構成を迅速かつ簡単に作成してテストすることができるブラウザツールです。このツールをすぐに起動することで、utag.jsライブラリがサイト上で正しく読み込まれていることを確認できます。

アカウント情報
このタブには、ページが実行されている現在のアカウント、プロファイル、バージョン、環境が表示されます。

ターゲット環境（デフォルトでは無効）
ページコードで検出された環境はオレンジ色で囲まれ、現在表示されている環境は青色で強調表示されます。環境を変更するには、読み込みたいターゲット環境をクリックし、ページを更新をクリックします。

この機能を有効にするには、公開構成でWeb Companion構成をオンにする必要があります。
公開環境を切り替える他の方法についても学びましょう。

タグ & 拡張タブ
このタブでは、どのタグが読み込まれ、リクエストが正常に送信されたかを表示します。成功裏に完了した拡張も表示されます。

タイマー
各Tealium JavaScriptライブラリの読み込み時間と送信時間がタブの下部に表示されます。

変更の保存
プロファイルに適用された変更はブックマークレットの下部にキューされ、保存…ボタンをクリックするまでコミットされません。変更をコミットしたくない場合は、該当する変更の横にあるXボタンをクリックしてその変更をキューから削除することもできます。

Web Companionのインストールと使用方法についてもっと学びましょう。