{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-@l10n/ja/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["admonition","img"]},"type":"markdown"},"seo":{"title":"Inlineキャンペーンの作成 — In-Browser Messaging","description":"Engage StudioでInlineタイプのIn-Browser Messageキャンペーンを作成する手順を説明します。Zone IDの設定、HTMLコードの編集、Launchまでを網羅します。","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":"inlineキャンペーンの作成","__idx":0},"children":["Inlineキャンペーンの作成"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Inline"]},"キャンペーンは、メッセージをページに直接挿入し、既存のコンテンツを置き換えることでシームレスなネイティブ体験を提供します。セールバナー、カートクーポンリマインダー、商品別プロモーションなど、ページの自然なフローとして表示するコンテンツに活用してください。"]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"warning","name":"Beta"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In-Browser MessagingはBeta版です。一般提供前に機能やSDKの仕様が変更される場合があります。アクセス方法については、カスタマーサクセス担当までご相談ください。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"始める前に","__idx":1},"children":["始める前に"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["キャンペーンを作成する前に",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/setup-and-prerequisites"},"children":["セットアップと前提条件"]},"を完了してください。ターゲットとするペアレントセグメント用のRT PersonalizationとセクションがAudience Studioに存在することを確認してください。また、ページのターゲットDOM要素を特定済み、または",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/chrome-extension"},"children":["Web Message Previewer"]}," Chrome Extensionを使って視覚的に選択する予定であることを確認してください。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"ステップ-1--target-audience","__idx":2},"children":["ステップ 1 — Target Audience"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Engage Studioで ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["In-Browser Messaging"]}," に移動し、",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Create"]}," をクリックします。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["ターゲティングを設定します。"]}]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/in-browser-target-audience.db44236208dd4c954d9a6a286e0c5cec6766f5b99cdf8875850c28fa36f3261d.1d31355e.webp","alt":"In-Browser Message Target Audienceステップ。Target Parent Segment、Personalization、Personalization sectionフィールドが表示されています。","framed":false,"withLightbox":true},"children":[]},{"$$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":"30%","data-label":"フィールド"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["フィールド"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"70%","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":["Target Parent Segment"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["対象ユーザーを定義するRT 2.0のペアレントセグメント。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Personalization"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["既存のRT 2.0 Personalization。",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Preview"]}," をクリックして内容を確認するか、",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Create Personalization"]}," をクリックしてAudience Studioで設定できます。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Personalization Section"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["このキャンペーンのコンテンツを格納するPersonalization内のセクション。セクションが存在しない場合は ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Create Section"]}," をクリックして追加します。"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"ステップ-2--message-content","__idx":3},"children":["ステップ 2 — Message Content"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"キャンペーン詳細","__idx":4},"children":["キャンペーン詳細"]},{"$$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":"15%","data-label":"必須"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["必須"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"65%","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":["Message ID"]}]},{"$$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":["Name"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["✅"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["キャンペーン一覧に表示される名前。最大100文字。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Description"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["—"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["社内向けメモ。最大1,000文字。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Message Type"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["✅"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Inline"]}," を選択します。キャンペーン保存後は変更できません。"]}]}]}]}]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/in-browser-inline-message-content.5806d1eef56c43103197a46a4585d90d10c3028a1c16e66af43346783d915f8b.1d31355e.webp","alt":"InlineタイプのIn-Browser Message Contentステップ。Message ID・Name・Descriptionフィールドと、CSSセレクターおよびReplacement HTMLフィールドを含むMessage Contentセクションが表示されています。","framed":false,"withLightbox":true},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"cssセレクターzone-id","__idx":5},"children":["CSSセレクター（Zone ID）"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["CSS selector"]},"フィールドに、SDKがコンテンツを注入するターゲットDOM要素を識別するCSSセレクターを入力します。セレクターは実行時に",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["document.querySelector()"]},"で照合されます。"]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"ヒント"},"children":[{"$$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"]}," Chrome Extensionをインストールすると、Webページ上で要素を視覚的に選択し、CSSセレクターとReplacement HTMLフィールドを自動入力できます。"]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Zone IDの動作"},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Inlineキャンペーンあたり",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Zone IDは1つ"]},"のみサポートされます。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["実行時にセレクターがページ上の要素と一致しない場合、メッセージは",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["エラーなくスキップ"]},"されます（エンドユーザーにはエラーは表示されません）。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["デフォルトの注入動作は**",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["innerHTML"]},"の差し替え**です：一致した要素の既存コンテンツがキャンペーンのHTMLに置き換えられます。"]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"サポートされるcssセレクターのパターン","__idx":6},"children":["サポートされるCSSセレクターのパターン"]},{"$$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":"30%","data-label":"パターン"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["パターン"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"35%","data-label":"例"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["例"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"35%","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":["IDセレクター"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["#product-banner-area"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["特定の",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["id"]},"属性を持つ要素"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["クラスセレクター"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".promo-slot"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["特定のクラスを持つ要素"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["データ属性（値）"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["[data-id=\"product-123\"]"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["特定の",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["data-*"]},"属性値を持つ要素"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["データ属性（存在確認）"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["[data-role=\"banner\"]"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["data-*"]},"属性を持つ要素"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["子結合子"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["div > p > span"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["直接の子要素パス"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["nth-child"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["ul > li:nth-child(3)"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["インデックスによる特定の子要素"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["複合"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["section[data-role=\"main\"] > div.content"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["上記の組み合わせ"]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["推奨"]},"：最も安定したセレクターには",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["id"]},"属性または安定した",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["data-testid"]},"や",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["data-*"]},"属性を使用してください。ビルド時に変わるCSS-in-Jsライブラリ（styled-components、Emotion）が生成するクラス名は避けてください。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"コンテンツエディターhtml","__idx":7},"children":["コンテンツエディター（HTML）"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Replacement HTML"]},"フィールドに、一致したZone要素の",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["innerHTML"]},"を置き換えるHTMLコンテンツを入力します。直接HTMLを入力するか、",{"$$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":4,"id":"セキュリティ制限","__idx":8},"children":["セキュリティ制限"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["以下のHTMLタグと属性はLaunch時に拒否されます（バリデーションエラーが返されます）。"]},{"$$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":"50%","data-label":"禁止タグ"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["禁止タグ"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"50%","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":"code","attributes":{},"children":["<script>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<noscript>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<iframe>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<object>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<embed>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<applet>"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["JavaScript実行およびサンドボックス回避の経路"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<form>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<input>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<textarea>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<select>"]},"およびその他のフォーム要素"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["フォームキャプチャは非対応"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<base>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<meta>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<link>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<title>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<head>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<html>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<body>"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["注入されたフラグメント内では無効なページレベルのタグ"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<svg>"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<math>"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<script>"]},"要素を埋め込める可能性がある"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<style>"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["グローバルCSS注入によるUIなりすましやフィッシングオーバーレイの可能性"]}]}]}]}]},{"$$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":"50%","data-label":"禁止属性"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["禁止属性"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"50%","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":"code","attributes":{},"children":["on*"]},"（",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onclick"]},"、",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onload"]},"などすべてのインラインイベントハンドラー）"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["インラインイベントハンドラーによるJavaScript実行"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["href=\"javascript:...\""]}," （すべての要素）"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["URIスキームを経由したJavaScript実行。",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["on*"]},"フィルターを回避する可能性がある"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["srcdoc"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["インラインドキュメントの埋め込み"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["contenteditable"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["UIのなりすまし"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"プロフィール変数とliquid構文の使用","__idx":9},"children":["プロフィール変数とLiquid構文の使用"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["HTMLエディターでCDPプロフィール属性を参照し、Liquidテンプレート構文を使用してインラインコンテンツをパーソナライズできます。"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"html","header":{"controls":{"copy":{}}},"source":"<div class=\"sale-banner\">\n  {% if rt_profile.imported.loyalty_tier == \"gold\" %}\n    <p>Gold member exclusive: 20% OFF</p>\n  {% else %}\n    <p>Limited-time offer — Shop now!</p>\n  {% endif %}\n  <p>Hi {{rt_profile.imported.first_name}}, this deal is just for you.</p>\n</div>\n","lang":"html"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["変数とLiquid構文の全リファレンスは",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/marketing-cloud/engage-studio/experiences/personalize-message-content"},"children":["メッセージコンテンツのパーソナライズ"]},"を参照してください。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"保存の動作","__idx":10},"children":["保存の動作"]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"変更は自動保存されません"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["編集内容はローカルセッションに保持されます。",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Save as Draft"]}," をクリックしてサーバーに保存してください。保存せずに画面を離れると確認ダイアログが表示されます。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"ステップ-3--launch","__idx":11},"children":["ステップ 3 — Launch"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["キャンペーンの詳細とZone IDを確認します。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Launch"]}," をクリックしてキャンペーンを ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Draft"]}," から ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Live"]}," に移行します。"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["連携しているRT 2.0 Personalizationセクションにキャンペーンペイロードが反映されます。TD Web SDKは対象ユーザーのZone要素をキャンペーンHTMLに差し替えます。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"liveキャンペーンの管理","__idx":12},"children":["Liveキャンペーンの管理"]},{"$$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":["Pause"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["配信を一時停止して編集する場合。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["ステータスが ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Paused"]}," に変わります。自由に編集してから Resume してください。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Resume"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["一時停止中のキャンペーンを再開する場合。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["ステータスが ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Live"]}," に戻ります。"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Complete"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["キャンペーンを恒久的に終了する場合。"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["ステータスが ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finished"]}," に変わります。ペイロードはRT 2.0から削除され、再アクティベートはできません。"]}]}]}]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Launch後は変更不可"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["キャンペーンが ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Live"]}," または ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finished"]}," になると、メッセージタイプとZone IDは読み取り専用になります。コンテンツを編集するには、先にキャンペーンを一時停止してください。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"web-message-previewerの活用","__idx":13},"children":["Web Message Previewerの活用"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Zone IDを視覚的に特定し、Launchする前に差し替えHTMLをプレビューするには、",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Engage Studio — Web Message Previewer"]}," Chrome Extensionを使用します。"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Chromeでウェブサイトを開きます。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Extensionのサイドパネルを開きます。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Select"]},"タブの ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Select Element"]}," をクリックし、ページ上のターゲット要素をクリックします。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["生成されたCSSセレクターをコピーし、Engage Studioの ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Zone ID"]}," フィールドに貼り付けます。"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Preview"]},"タブで差し替えHTMLが実際のページにどう表示されるか確認します。"]}]},{"$$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のインストールと使い方"]}]}]},"headings":[{"value":"Inlineキャンペーンの作成","id":"inlineキャンペーンの作成","depth":1},{"value":"始める前に","id":"始める前に","depth":2},{"value":"ステップ 1 — Target Audience","id":"ステップ-1--target-audience","depth":2},{"value":"ステップ 2 — Message Content","id":"ステップ-2--message-content","depth":2},{"value":"キャンペーン詳細","id":"キャンペーン詳細","depth":3},{"value":"CSSセレクター（Zone ID）","id":"cssセレクターzone-id","depth":3},{"value":"サポートされるCSSセレクターのパターン","id":"サポートされるcssセレクターのパターン","depth":4},{"value":"コンテンツエディター（HTML）","id":"コンテンツエディターhtml","depth":3},{"value":"セキュリティ制限","id":"セキュリティ制限","depth":4},{"value":"プロフィール変数とLiquid構文の使用","id":"プロフィール変数とliquid構文の使用","depth":4},{"value":"保存の動作","id":"保存の動作","depth":3},{"value":"ステップ 3 — Launch","id":"ステップ-3--launch","depth":2},{"value":"Liveキャンペーンの管理","id":"liveキャンペーンの管理","depth":2},{"value":"Web Message Previewerの活用","id":"web-message-previewerの活用","depth":2}],"frontmatter":{"seo":{"title":"Inlineキャンペーンの作成 — In-Browser Messaging","description":"Engage StudioでInlineタイプのIn-Browser Messageキャンペーンを作成する手順を説明します。Zone IDの設定、HTMLコードの編集、Launchまでを網羅します。"}},"lastModified":"2026-07-13T05:41:19.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/ja/products/marketing-cloud/engage-studio/experiences/create-an-inline-campaign","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}