{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-@l10n/ja/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["admonition","cards","card"]},"type":"markdown"},"seo":{"title":"In-Browser Messaging 概要","description":"Engage StudioのIn-Browser Messaging機能とReal-Time Personalization 2.0を使用して、ポップアップオーバーレイやインラインDOMの差し替えといったパーソナライズされたWebエクスペリエンスを配信する方法を説明します。","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":"in-browser-messaging","__idx":0},"children":["In-Browser Messaging"]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"warning","name":"Beta"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser MessagingはBeta版です。一般提供前に機能やSDKの仕様が変更される場合があります。"," ","アクセス方法については、カスタマーサクセス担当までご相談ください。"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["In-Browser Messaging"]},"を使用すると、マーケターはWebサイト上でパーソナライズされたエクスペリエンス——プロモーションバナー、モーダルオーバーレイ、インラインコンテンツの差し替えなど——をページのコードを変更せずに配信できます。メールやプッシュ通知とは異なり、In-Browserメッセージはユーザーがブラウジング中にブラウザ内でレンダリングされるため、コンテキストに応じたプロモーション、カートリマインダー、期間限定のお知らせなどに最適です。"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["ターゲティングとパーソナライズに関するすべての判定は**Real-Time Personalization 2.0（RT 2.0）**がサーバーサイドで処理するため、クライアントサイドの実装は最小限に抑えられます。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"メッセージタイプ","__idx":1},"children":["メッセージタイプ"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser Messagingは2種類の配信モードをサポートしています。"]},{"$$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":"40%","data-label":"説明"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["説明"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"主な用途"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["主な用途"]}," "]}]}]},{"$$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":"td","attributes":{},"children":["ウェルカムオファー、プロモーション告知"]}]},{"$$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":["メッセージをページに直接挿入し、既存のコンテンツを置き換えることでシームレスなネイティブ体験を提供します。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["セールバナー、カートクーポンリマインダー、商品別プロモーション"]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["メッセージタイプはキャンペーン作成時に選択し、",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["保存後は変更できません"]},"。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"仕組み","__idx":2},"children":["仕組み"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser Messagingは",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["RT Personalization 2.0"]},"を基盤としています。配信フローは以下のとおりです。"]},{"$$mdtype":"Tag","name":"Diagram","attributes":{"data-language":"mermaid","diagramType":"mermaid","diagramSource":"sequenceDiagram\n actor User as ユーザー\n participant SDK as TD Web SDK\n participant RT as RT 2.0 Personalization API\n\n User->>SDK: ページ訪問またはイベントトリガー
(page_view, cart_add など)\n SDK->>RT: パーソナライズトークン付きでイベント送信\n RT->>RT: エントリー基準と
セグメントメンバーシップを評価\n alt 配信条件を満たす場合\n RT-->>SDK: キャンペーンペイロードを返す\n alt Popupキャンペーン\n SDK->>User: ページ上にポップアップをオーバーレイ\n else Inlineキャンペーン\n SDK->>User: Zone要素のinnerHTMLを差し替え\n end\n else 条件を満たさない場合\n RT-->>SDK: 空のレスポンスを返す\n end\n User->>User: メッセージを閲覧・操作・閉じる\n","diagramHtml":"RT 2.0 Personalization APITD Web SDKRT 2.0 Personalization APITD Web SDKalt[Popupキャンペーン][Inlineキャンペーン]alt[配信条件を満たす場合][条件を満たさない場合]ユーザーページ訪問またはイベントトリガー(page_view, cart_add など)パーソナライズトークン付きでイベント送信エントリー基準とセグメントメンバーシップを評価キャンペーンペイロードを返すページ上にポップアップをオーバーレイZone要素のinnerHTMLを差し替え空のレスポンスを返すメッセージを閲覧・操作・閉じるユーザー","diagramHtmlDark":"RT 2.0 Personalization APITD Web SDKRT 2.0 Personalization APITD Web SDKalt[Popupキャンペーン][Inlineキャンペーン]alt[配信条件を満たす場合][条件を満たさない場合]ユーザーページ訪問またはイベントトリガー(page_view, cart_add など)パーソナライズトークン付きでイベント送信エントリー基準とセグメントメンバーシップを評価キャンペーンペイロードを返すページ上にポップアップをオーバーレイZone要素のinnerHTMLを差し替え空のレスポンスを返すメッセージを閲覧・操作・閉じるユーザー"},"children":["sequenceDiagram\n actor User as ユーザー\n participant SDK as TD Web SDK\n participant RT as RT 2.0 Personalization API\n\n User->>SDK: ページ訪問またはイベントトリガー
(page_view, cart_add など)\n SDK->>RT: パーソナライズトークン付きでイベント送信\n RT->>RT: エントリー基準と
セグメントメンバーシップを評価\n alt 配信条件を満たす場合\n RT-->>SDK: キャンペーンペイロードを返す\n alt Popupキャンペーン\n SDK->>User: ページ上にポップアップをオーバーレイ\n else Inlineキャンペーン\n SDK->>User: Zone要素のinnerHTMLを差し替え\n end\n else 条件を満たさない場合\n RT-->>SDK: 空のレスポンスを返す\n end\n User->>User: メッセージを閲覧・操作・閉じる\n"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"前提条件","__idx":3},"children":["前提条件"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["キャンペーンを作成する前に必要な要件の詳細は",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/setup-and-prerequisites"},"children":["セットアップと前提条件"]},"を参照してください。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"キャンペーンのライフサイクル","__idx":4},"children":["キャンペーンのライフサイクル"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser Messageキャンペーンは以下のステータスを移行します。"]},{"$$mdtype":"Tag","name":"Diagram","attributes":{"data-language":"mermaid","diagramType":"mermaid","diagramSource":"stateDiagram-v2\n direction LR\n [*] --> Draft\n Draft --> Live : Launch\n Live --> Paused : Pause\n Paused --> Live : Resume\n Live --> Finished : Complete\n Paused --> Finished : Complete\n Finished --> [*]\n","diagramHtml":"

Launch

Pause

Resume

Complete

Complete

Draft

Live

Paused

Finished

","diagramHtmlDark":"

Launch

Pause

Resume

Complete

Complete

Draft

Live

Paused

Finished

"},"children":["stateDiagram-v2\n direction LR\n [*] --> Draft\n Draft --> Live : Launch\n Live --> Paused : Pause\n Paused --> Live : Resume\n Live --> Finished : Complete\n Paused --> Finished : Complete\n Finished --> [*]\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":"15%","data-label":"ステータス"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["ステータス"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"55%","data-label":"説明"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["説明"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"30%","data-label":"編集可否"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["編集可否"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Draft"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["作成済みだがまだ配信されていません。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["✅ すべての設定"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Live"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["対象ユーザーへの配信中です。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["❌ 一時停止してから編集"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Paused"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["配信が停止されています。再開できます。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["✅ すべての設定"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finished"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["手動で完了済み。再アクティベートはできません。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["❌"]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Draft"]}," または ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finished"]}," ステータスのキャンペーンは削除できます。",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["メッセージタイプとコンテンツはキャンペーンがLiveまたはFinishedになると変更できなくなります。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"キャンペーンの作成","__idx":5},"children":["キャンペーンの作成"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["キャンペーンは ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Target Audience"]}," と ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Message Content"]}," の2つのステップで作成し、最後に ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Launch"]}," します。メッセージタイプにかかわらず手順は同じで、PopupとInlineではコンテンツ設定の部分のみ異なります。"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["メッセージタイプに応じたガイドを参照してください。"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/create-a-popup-campaign"},"children":["Popupキャンペーンの作成"]}," — ドラッグアンドドロップエディターを使ったモーダルオーバーレイ"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/create-an-inline-campaign"},"children":["Inlineキャンペーンの作成"]}," — HTML/CSSコードエディターを使ったDOM差し替え"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"web-message-previewerを使ったオーサリング","__idx":6},"children":["Web Message Previewerを使ったオーサリング"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Engage Studioが提供する ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Engage Studio — Web Message Previewer"]}," Chrome Extensionを使用すると、マーケターは実際のWebサイト上でターゲットDOM要素を特定し、CSSセレクターを手書きすることなくキャンペーンコンテンツのプレビューを確認できます。"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["ExtensionはあくまでもZone IDの特定とプレビューを支援する",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["オーサリング補助ツール"]},"であり、配信アーキテクチャはExtensionに依存しません。Extensionをインストールできない環境でも、ブラウザのDevToolsを使って手動でCSSセレクターを入力することでキャンペーンを作成・配信できます。"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["➡️ ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/chrome-extension"},"children":["Web Message Previewerのインストールと使い方"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"ユースケース","__idx":7},"children":["ユースケース"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"期間限定セールバナー","__idx":8},"children":["期間限定セールバナー"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["商品詳細ページにセール期間中のみインラインでセールバナーを表示します。RT 2.0のエントリー基準で現在時刻と商品のセール期間を照合するよう設定し、バナーエリア（例：",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["#product-banner-area"]},"）をターゲットにしたZone IDを指定します。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"カートクーポンリマインダー","__idx":9},"children":["カートクーポンリマインダー"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["ユーザーが商品をカートに追加したとき、適用可能なクーポンが存在する場合にクーポンリマインダーアイコンを表示します。RT 2.0がユーザーのクーポンリストと追加した商品を照合し、有効かつ適用可能なクーポンが見つかればリマインダーコンテンツを返します。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"このセクションの内容","__idx":10},"children":["このセクションの内容"]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":3,"cardMinWidth":240},"children":[{"$$mdtype":"Tag","name":"Card","attributes":{"title":"セットアップと前提条件","icon":"settings","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/setup-and-prerequisites"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["TD Web SDKのインストールとRT 2.0の前提条件の設定。"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Popupキャンペーンの作成","icon":"layout","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/create-a-popup-campaign"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["ドラッグアンドドロップエディターでモーダルオーバーレイキャンペーンを作成。"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Inlineキャンペーンの作成","icon":"code","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/create-an-inline-campaign"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["DOM要素をパーソナライズされたHTMLコンテンツで差し替える。"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"メッセージコンテンツのパーソナライズ","icon":"user","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/personalize-message-content"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["プロフィール変数とLiquid構文でメッセージをパーソナライズ。"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Web Message Previewer","icon":"chrome","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/chrome-extension"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["DOM要素を視覚的に選択してLaunch前にキャンペーンをプレビュー。"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"トラブルシューティング","icon":"help-circle","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/ja/products/marketing-cloud/engage-studio/experiences/troubleshooting"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser Messagingのよくある問題を診断・解決。"]}]}]}]},"headings":[{"value":"In-Browser Messaging","id":"in-browser-messaging","depth":1},{"value":"メッセージタイプ","id":"メッセージタイプ","depth":2},{"value":"仕組み","id":"仕組み","depth":2},{"value":"前提条件","id":"前提条件","depth":3},{"value":"キャンペーンのライフサイクル","id":"キャンペーンのライフサイクル","depth":2},{"value":"キャンペーンの作成","id":"キャンペーンの作成","depth":2},{"value":"Web Message Previewerを使ったオーサリング","id":"web-message-previewerを使ったオーサリング","depth":2},{"value":"ユースケース","id":"ユースケース","depth":2},{"value":"期間限定セールバナー","id":"期間限定セールバナー","depth":3},{"value":"カートクーポンリマインダー","id":"カートクーポンリマインダー","depth":3},{"value":"このセクションの内容","id":"このセクションの内容","depth":2}],"frontmatter":{"seo":{"title":"In-Browser Messaging 概要","description":"Engage StudioのIn-Browser Messaging機能とReal-Time Personalization 2.0を使用して、ポップアップオーバーレイやインラインDOMの差し替えといったパーソナライズされたWebエクスペリエンスを配信する方法を説明します。"}},"lastModified":"2026-07-13T06:08:49.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/ja/products/marketing-cloud/engage-studio/experiences","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}