データ値構成拡張

前提条件

• utag v4.38以降。utag.jsテンプレートの更新についての詳細は、当社のナレッジベース記事utag.jsの最新バージョンへの更新のベストプラクティスを参照してください。
• 拡張機能の動作方法について理解しておく。

動作方法

この拡張機能を使用して、テキスト、別のデータレイヤー変数、またはJavaScriptコードを使用してデータレイヤー変数の値を構成します。データレイヤー変数は構成構成オプションで指定され、新しく割り当てられる値はToフィールドで指定されます。拡張機能の一つのインスタンスで複数の変数を割り当てることができます。値が割り当てられるタイミングを制御するためのオプションの条件を追加することができます。

拡張機能の使用

拡張機能が追加されると、以下の構成オプションが利用可能になります：

• 構成：構成するデータレイヤー変数。変数のドロップダウンリストから選択します。**+**ボタンをクリックして新しい変数を作成します。

• To：変数に割り当てる値。**+ボタンをクリックして別の変数を構成するか、-**ボタンをクリックして変数を拡張機能から削除します。
  値は以下のオプションのいずれかになります：

  • テキスト：入力したテキスト値に構成します。
  • 変数：別のデータレイヤー変数の値に構成します。
  • JSコード：JavaScriptコードステートメントの値に構成します。

• 条件：（オプション）条件が追加され、変数が割り当てられるタイミングを制御します。条件が追加された場合、新しい値を割り当てるためにはtrueに評価されなければなりません。

例

テキスト値の構成

この例では、変数をテキスト値に構成する方法を示します。このシナリオでは、クエリストリングパラメータqが入力されているかどうかを検出するための条件が使用され、データレイヤー変数page_typeがテキスト値searchに構成され、これが検索結果ページであることを示します。

1. データ値構成拡張機能を追加します。
2. タイトルをページタイプとして検索を構成に構成します。
3. ドロップダウンメニューから変数page_typeを選択します。
4. 値のタイプをテキストに構成します。
5. テキストボックスにsearchを入力します。
6. 条件を追加をクリックし、以下を構成します：
   • 変数**q (js)**を選択します。
   • 条件を定義されているに構成します。

変数値の構成

この例では、変数を別の変数の値に構成する方法を示します。このシナリオでは、変数page_nameが値を持っていない場合、document.title変数の値に構成されます。

1. データ値構成拡張機能を追加します。
2. タイトルをpage_nameを構成に構成します。
3. ドロップダウンメニューから変数page_nameを選択します。
4. 値のタイプを変数に構成します。変数のドロップダウンリストが表示されます。
5. ドロップダウンメニューからdocument titleを選択します。
6. 条件を追加をクリックし、以下を構成します：
   • 変数page_nameを選択します。
   • 条件を定義されていないに構成します。
   • +をクリックしてOr条件を追加します。
   • 変数page_nameを選択します。
   • 条件を定義されているに構成します。
   • +をクリックしてAnd条件を追加します。
   • 変数page_nameを選択します。
   • 条件を入力されていないに構成します。

JavaScriptコード値の構成

この例では、JavaScriptステートメントが返す値に変数を構成する方法を示します。このシナリオでは、検索ページ上の検索結果の数は、jQueryを使用してページ上の検索結果リンク要素の数を選択することで決定されます。変数search_resultsはJavaScriptコードが返す値に構成されます。

1. データ値構成拡張機能を追加します。
2. タイトルを検索結果の数を決定に構成します。
3. ドロップダウンメニューから変数search_resultsを選択します。
4. 値のタイプをJSコードに構成します。
5. テキストボックスにJavaScriptコードを入力します。この例では、シンプルなjQueryセレクタと.lengthプロパティを使用しています：$('.search-results a').length;。
6. 条件を追加をクリックし、以下を構成します：
   • 変数page_typeを選択します。
   • 条件を等しいに構成し、テキストフィールドにsearchを入力します。