Skip to content

In-Browser Messaging

Beta

In-Browser MessagingはBeta版です。一般提供前に機能やSDKの仕様が変更される場合があります。 アクセス方法については、カスタマーサクセス担当までご相談ください。

In-Browser Messagingを使用すると、マーケターはWebサイト上でパーソナライズされたエクスペリエンス——プロモーションバナー、モーダルオーバーレイ、インラインコンテンツの差し替えなど——をページのコードを変更せずに配信できます。メールやプッシュ通知とは異なり、In-Browserメッセージはユーザーがブラウジング中にブラウザ内でレンダリングされるため、コンテキストに応じたプロモーション、カートリマインダー、期間限定のお知らせなどに最適です。

ターゲティングとパーソナライズに関するすべての判定は**Real-Time Personalization 2.0(RT 2.0)**がサーバーサイドで処理するため、クライアントサイドの実装は最小限に抑えられます。

メッセージタイプ

In-Browser Messagingは2種類の配信モードをサポートしています。

タイプ 説明 主な用途
Popup既存のコンテンツを変更せず、ページの上にオーバーレイとしてメッセージを表示し、注目を集めます。ウェルカムオファー、プロモーション告知
Inlineメッセージをページに直接挿入し、既存のコンテンツを置き換えることでシームレスなネイティブ体験を提供します。セールバナー、カートクーポンリマインダー、商品別プロモーション

メッセージタイプはキャンペーン作成時に選択し、保存後は変更できません

仕組み

In-Browser MessagingはRT Personalization 2.0を基盤としています。配信フローは以下のとおりです。

RT 2.0 Personalization APITD Web SDKRT 2.0 Personalization APITD Web SDKalt[Popupキャンペーン][Inlineキャンペーン]alt[配信条件を満たす場合][条件を満たさない場合]ユーザーページ訪問またはイベントトリガー(page_view, cart_add など)パーソナライズトークン付きでイベント送信エントリー基準とセグメントメンバーシップを評価キャンペーンペイロードを返すページ上にポップアップをオーバーレイZone要素のinnerHTMLを差し替え空のレスポンスを返すメッセージを閲覧・操作・閉じるユーザー
RT 2.0 Personalization APITD Web SDKRT 2.0 Personalization APITD Web SDKalt[Popupキャンペーン][Inlineキャンペーン]alt[配信条件を満たす場合][条件を満たさない場合]ユーザーページ訪問またはイベントトリガー(page_view, cart_add など)パーソナライズトークン付きでイベント送信エントリー基準とセグメントメンバーシップを評価キャンペーンペイロードを返すページ上にポップアップをオーバーレイZone要素のinnerHTMLを差し替え空のレスポンスを返すメッセージを閲覧・操作・閉じるユーザー

前提条件

キャンペーンを作成する前に必要な要件の詳細はセットアップと前提条件を参照してください。

キャンペーンのライフサイクル

In-Browser Messageキャンペーンは以下のステータスを移行します。

Launch

Pause

Resume

Complete

Complete

Draft

Live

Paused

Finished

Launch

Pause

Resume

Complete

Complete

Draft

Live

Paused

Finished

ステータス 説明 編集可否
Draft作成済みだがまだ配信されていません。✅ すべての設定
Live対象ユーザーへの配信中です。❌ 一時停止してから編集
Paused配信が停止されています。再開できます。✅ すべての設定
Finished手動で完了済み。再アクティベートはできません。

Draft または Finished ステータスのキャンペーンは削除できます。メッセージタイプとコンテンツはキャンペーンがLiveまたはFinishedになると変更できなくなります。

キャンペーンの作成

キャンペーンは Target AudienceMessage Content の2つのステップで作成し、最後に Launch します。メッセージタイプにかかわらず手順は同じで、PopupとInlineではコンテンツ設定の部分のみ異なります。

メッセージタイプに応じたガイドを参照してください。

Web Message Previewerを使ったオーサリング

Engage Studioが提供する Engage Studio — Web Message Previewer Chrome Extensionを使用すると、マーケターは実際のWebサイト上でターゲットDOM要素を特定し、CSSセレクターを手書きすることなくキャンペーンコンテンツのプレビューを確認できます。

ExtensionはあくまでもZone IDの特定とプレビューを支援するオーサリング補助ツールであり、配信アーキテクチャはExtensionに依存しません。Extensionをインストールできない環境でも、ブラウザのDevToolsを使って手動でCSSセレクターを入力することでキャンペーンを作成・配信できます。

➡️ Web Message Previewerのインストールと使い方

ユースケース

期間限定セールバナー

商品詳細ページにセール期間中のみインラインでセールバナーを表示します。RT 2.0のエントリー基準で現在時刻と商品のセール期間を照合するよう設定し、バナーエリア(例:#product-banner-area)をターゲットにしたZone IDを指定します。

カートクーポンリマインダー

ユーザーが商品をカートに追加したとき、適用可能なクーポンが存在する場合にクーポンリマインダーアイコンを表示します。RT 2.0がユーザーのクーポンリストと追加した商品を照合し、有効かつ適用可能なクーポンが見つかればリマインダーコンテンツを返します。

このセクションの内容