Tealium SEO (JSON-LD) タグ構成ガイド | クライアントサイドタグ

タグ構成

まず、タグマーケットプレイスに移動し、プロファイルにTealium SEOタグを追加します。詳細は、タグの管理を参照してください。

タグを追加したら、以下の構成を行います：

ホームページURL：完全なホームページURL（プロトコルを含む）を入力します。
サイト名：サイト/会社の名前を入力します。
検索URL：検索URLを入力し、クエリ文字列の値をsearch_term_stringに置き換えます。
例えば、検索URLがhttp://query.example.com/search?q=smartphonesの場合、smartphonesの値をsearch_term_stringに置き換えて最終的なURLをhttp://query.example.com/search?q=search_term_stringにします。
パンくずリストのパスを使用：パスのパンくずリストを自動生成するかどうかを選択します。
- はい（デフォルト）：パス名を使用してパンくずリストを作成します。
- いいえ：データマッピングを使用してパンくずリストを作成します。
製品データの作成：製品詳細を自動的に追加するかどうかを選択します。
- はい（デフォルト）：E-Commerce拡張機能を使用して、製品ページの製品データを自動的に作成します（E-Commerceサイトに推奨）。
- いいえ：製品データは追加しません。

ロードルール

ロードルールは、このタグのインスタンスをサイトのどこで、いつロードするかを決定します。

推奨されるロードルール：すべてのページ。

データマッピング

マッピングは、データレイヤー変数からベンダータグの対応する宛先変数にデータを送信するプロセスです。変数をタグの宛先にマッピングする方法については、データマッピングを参照してください。

Tealium SEOタグの宛先変数は、そのデータマッピングタブに組み込まれています。利用可能なカテゴリーは次のとおりです：

スタンダード

宛先名	説明
サイト名	あなたの会社またはサイトの名前
ホームページURL	完全なホームページURL
パンくずリストの名前のリスト	パンくずリストの名前の配列
パンくずリストのURLのリスト	パンくずリストのURLの配列
カスタムJSON-LDデータ	JSON-LDオブジェクトの特定の値を構成します。`custom`をあなたのデータ名に置き換えてカスタムデータを追加します。ドット表記のネストをサポートします。例えば、`json_ld.contactPoint.@type`

カスタムJSON-LDデータマッピングの作成方法

カスタムJSON-LDデータは、データマッピングとドット表記の命名を使用して作成されます。最終的なJSON-LDがページにどのように表示されるかを知る必要があります。contactPointオブジェクトの作成例を使用しましょう。

最終的なJSON-LDでは、contactPointオブジェクトは次のように表示されるかもしれません：

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Organization",
  "url" : "http://www.example.com",
  "contactPoint":
   {
      "@type": "ContactPoint",
      "telephone": "+1-888-555-1212",
      "contactType": "sales"
   }
}
</script>

タグでは、全体のオブジェクトはデータマッピングのjson_ld名で表されます。そこから、最終オブジェクト内の各アイテムはドット表記を使用して参照されます。例えば、上記の例のすべての値を構成するには、次のデータマッピングを作成します：

json_ld.@context
json_ld.@type
json_ld.url

タグは、マッピングで指定したドット表記の構造に基づいて、最終的なJSON-LD内にサブオブジェクトを作成します。上記の例のcontactPointオブジェクトを作成するには、contactPointを第二レベル、各プロパティを第三レベルのデータマッピングで作成します：

json_ld.contactPoint.@type
json_ld.contactPoint.telephone
json_ld.contactPoint.contactType

この場合、contact_phoneというデータレイヤー変数があり、その変数にはcontactPointの電話プロパティに構成する電話番号が含まれていると仮定しましょう。

contact_phoneのデータマッピングを作成し、カスタムJSON-LDデータの宛先を選択します。
json_ld.custom名をクリックして編集し、値をjson_ld.contactPoint.telephoneに変更します。

E-コマース

Tealium SEOタグはE-コマース対応しているため、デフォルトのE-コマース拡張マッピングを自動的に使用します。このカテゴリーで手動マッピングが一般的に必要となるのは、次の場合です：

拡張マッピングを上書きしたい場合
望むeコマース変数が拡張機能に提供されていない場合

製品データの作成がはいに構成されている場合、以下のマッピングを使用します。

宛先名	説明
製品名のリスト	製品名の配列。
製品ブランドのリスト	製品ブランドの配列。
製品SKUのリスト	製品SKUの配列。
価格のリスト	価格の配列。
製品画像URLのリスト	画像URLの配列。
製品パート番号のリスト	製品パート番号の配列。
製品評価値のリスト	製品評価の配列。
製品レビューカウントのリスト	製品レビューカウントの配列。
製品説明のリスト	製品説明の配列。
製品価格通貨	製品通貨の配列。

カスタムJSON-LDの作成とデータマッピング

最終的なJSON-LDでは、contactPointオブジェクトは次のように表示されるかもしれません：

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Organization",
  "url" : "http://www.example.com",
  "contactPoint":
   {
      "@type": "ContactPoint",
      "telephone": "+1-888-555-1212",
      "contactType": "sales"
   }
}
</script>

json_ld.@context
json_ld.@type
json_ld.url

json_ld.contactPoint.@type
json_ld.contactPoint.telephone
json_ld.contactPoint.contactType

contact_phoneのデータマッピングを作成し、カスタムJSON-LDデータ宛先を選択します。
json_ld.custom名をクリックして編集し、値をjson_ld.contactPoint.telephoneに変更します。

JavaScriptを使用したカスタムJSON-LDの作成

このタグにスコープを持つJavaScriptコード拡張を使用して、カスタムJSONオブジェクトを注入することができます。タグは、カスタムオブジェクトを追加するためのJavaScriptユーティリティ関数u.injectJSONLD()を公開しています。これは1つのパラメータ、オブジェクトの配列を取ります。

ContactPoint Schemaを追加する例：

u.injectJSONLD([{
    "@context": "http://schema.org",
    "@type": "Organization",
    "url": "https://www.example.com",
    "contactPoint": [{
        "@type": "ContactPoint",
        "telephone": "+1-877-555-1212",
        "contactType": "Lead",
        "contactOption": "TollFree",
        "areaServed": "US"
    }]
}]);