{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-@l10n/ja/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["cards","card"]},"type":"markdown"},"seo":{"title":"In-Browser Messaging — セットアップと前提条件","description":"Engage StudioでIn-Browser Messageキャンペーンを作成する前に必要な、RT Personalization 2.0とTD Web SDKの要件チェックリストです。","siteUrl":"https://docs.treasure.ai","lang":"en-US","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.treasure.ai/","name":"Treasure AI","url":"https://www.treasure.ai/","logo":"https://www.treasure.ai/hubfs/assets/images/logos/primary-logo.svg"},{"@type":"WebSite","@id":"https://docs.treasure.ai/#website","name":"Treasure AI Documentation","url":"https://docs.treasure.ai/","inLanguage":["en","ja"],"publisher":{"@id":"https://www.treasure.ai/"}}]},"llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"セットアップと前提条件","__idx":0},"children":["セットアップと前提条件"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser Messageキャンペーンを作成する前に、以下の項目がすべて整っていることを確認してください。これらはTreasure AIプラットフォームチーム全体で共有される一度限りの設定作業です。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"チェックリスト","__idx":1},"children":["チェックリスト"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"treasure-aiプラットフォームit--データエンジニア","__idx":2},"children":["Treasure AIプラットフォーム（IT / データエンジニア）"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["RT Personalization 2.0が有効化"]},"されていること（アカウント単位）。不明な場合はカスタマーサクセスマネージャーにお問い合わせください。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["HTTPSが必要です"]}," — ターゲットWebサイトはHTTPSで提供されている必要があります。RT Personalization 2.0はHTTPでは動作しません。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["IDスティッチング"]},"が設定され、イベント間でユーザーIDが名寄せされていること（例: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["td_client_id"]}," が内部ユーザーIDに紐付けられている）。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"audience-studioデータエンジニア--マーケター","__idx":3},"children":["Audience Studio（データエンジニア / マーケター）"]},{"$$mdtype":"Tag","name":"ol","attributes":{"start":4},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["ペアレントセグメント"]},"が、関連する顧客データとRT属性とともに存在すること。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Realtime Personalization"]},"と少なくとも1つの",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["セクション"]},"が、関連するペアレントセグメントを使用してAudience Studioで作成済みであること。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"webサイトデベロッパー","__idx":4},"children":["Webサイト（デベロッパー）"]},{"$$mdtype":"Tag","name":"ol","attributes":{"start":6},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["TD Web SDKがインストールされ初期化"]},"されていること。詳細な実装ガイドは",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/sdk-integration"},"children":["SDK統合"]},"を参照してください。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["ビジネスイベントが流れている"]},"こと（",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["view_item"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["add_to_cart"]},"など）。イベントの定義と命名規則については",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/event-tracking"},"children":["イベントトラッキング"]},"を参照してください。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["（推奨）サーバーサイドCookie（SSC）インフラがドメイン上にデプロイされていること。"]}," SSCはお客様自身のサーバーから ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["td_ssc_id"]}," を発行し、Safari/iOSでJavaScriptが設定するCookieを7日間に制限するブラウザのITP制限を回避できます。お客様のドメイン上に小さなサーバーエンドポイント（例: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["ssc.yourdomain.com"]},"）のデプロイが必要です。SSCセットアップガイドについてはカスタマーサクセスマネージャーにお問い合わせください。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"sdkによるメッセージのレンダリング","__idx":5},"children":["SDKによるメッセージのレンダリング"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["RT Personalization APIがキャンペーンペイロードを返すと、SDKは自動的にメッセージをレンダリングします。"]},{"$$mdtype":"Tag","name":"Diagram","attributes":{"data-language":"mermaid","diagramType":"mermaid","diagramSource":"flowchart TD\n A[Personalization APIがペイロードを返す] --> B{メッセージタイプ?}\n B -->|Popup| C[ポップアップコンテナを\\nページ上にオーバーレイ注入]\n B -->|Inline| D[CSSセレクターで一致した\\nZone要素のinnerHTMLを差し替え]\n C --> E[placement設定で位置決め\\ncreated_atが最新の1件のみ表示]\n D --> F[返されたすべての\\nインラインメッセージをレンダリング]\n","diagramHtml":"

Popup

Inline

Personalization APIがペイロードを返す

メッセージタイプ?

ポップアップコンテナを
ページ上にオーバーレイ注入

CSSセレクターで一致した
Zone要素のinnerHTMLを差し替え

placement設定で位置決め
created_atが最新の1件のみ表示

返されたすべての
インラインメッセージをレンダリング

","diagramHtmlDark":"

Popup

Inline

Personalization APIがペイロードを返す

メッセージタイプ?

ポップアップコンテナを
ページ上にオーバーレイ注入

CSSセレクターで一致した
Zone要素のinnerHTMLを差し替え

placement設定で位置決め
created_atが最新の1件のみ表示

返されたすべての
インラインメッセージをレンダリング

"},"children":["flowchart TD\n A[Personalization APIがペイロードを返す] --> B{メッセージタイプ?}\n B -->|Popup| C[ポップアップコンテナを\\nページ上にオーバーレイ注入]\n B -->|Inline| D[CSSセレクターで一致した\\nZone要素のinnerHTMLを差し替え]\n C --> E[placement設定で位置決め\\ncreated_atが最新の1件のみ表示]\n D --> F[返されたすべての\\nインラインメッセージをレンダリング]\n"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"20%","data-label":"メッセージタイプ"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["メッセージタイプ"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"80%","data-label":"SDKのレンダリング動作"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["SDKのレンダリング動作"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Popup"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["ページの上にポップアップコンテナをオーバーレイとして注入します。ポップアップはキャンペーンで設定した ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["placement"]}," 設定に従って表示されます。複数のポップアップが返された場合、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["created_at"]}," タイムスタンプが最も新しいものだけが表示されます。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Inline"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["キャンペーンのCSSセレクター（Zone ID）に一致するDOM要素の ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["innerHTML"]}," を差し替えます。返されたすべてのインラインメッセージがレンダリングされます。セレクターが要素に一致しない場合、メッセージはエラーなくスキップされます。"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"次のステップ","__idx":6},"children":["次のステップ"]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":3,"cardMinWidth":240},"children":[{"$$mdtype":"Tag","name":"Card","attributes":{"title":"SDK統合","icon":"code","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/sdk-integration"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["TD Web SDKのインストール、パーソナライズ設定での初期化、フレームワーク別ページビュートラッキングの設定。"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"イベントトラッキング","icon":"activity","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/event-tracking"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["RT 2.0ターゲティング向けにGA4互換命名でビジネスイベントを定義する。"]}]}]}]},"headings":[{"value":"セットアップと前提条件","id":"セットアップと前提条件","depth":1},{"value":"チェックリスト","id":"チェックリスト","depth":2},{"value":"Treasure AIプラットフォーム（IT / データエンジニア）","id":"treasure-aiプラットフォームit--データエンジニア","depth":3},{"value":"Audience Studio（データエンジニア / マーケター）","id":"audience-studioデータエンジニア--マーケター","depth":3},{"value":"Webサイト（デベロッパー）","id":"webサイトデベロッパー","depth":3},{"value":"SDKによるメッセージのレンダリング","id":"sdkによるメッセージのレンダリング","depth":2},{"value":"次のステップ","id":"次のステップ","depth":2}],"frontmatter":{"seo":{"title":"In-Browser Messaging — セットアップと前提条件","description":"Engage StudioでIn-Browser Messageキャンペーンを作成する前に必要な、RT Personalization 2.0とTD Web SDKの要件チェックリストです。"}},"lastModified":"2026-06-18T03:34:22.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/ja/products/marketing-cloud/engage-studio/experiences/setup-and-prerequisites","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}