トップページへ

チャット内のプロモーションカード

チャット内に画像、見出し、ボタン、テキストリンク付きのカードを表示します。有料プランなどの案内に使え、アカウントでの設定、対象、有料顧客への非表示、JavaScript制御に対応します。

プロモーションカードは、通常は有料プランなど、独自の案内をチャットウィンドウ内に表示します。画像、見出し、短い文、大きなボタン、その下のテキストリンクからなり、会話の上部、ホーム画面、または両方に出せます。

カードはメッセージではなく、チームの会話履歴には出ず、訪問者は閉じられません。ボタンとテキストリンクは、新しいタブでリンク先を開きます。

設定

プロジェクト → 外観 → プロモーションカードにあります。入力中にプレビューへ表示します。

見出し – 必須、最大80文字。
下のテキスト – 任意、最大200文字。
画像 – 任意。https://. で始まるアドレスです。未指定ならテキストのみ。
ボタンのテキスト – 必須、最大40文字。例：「30日間無料で試す」。
ボタンのリンク – 必須。移動先のページ。
テキストリンク – 任意、最大60文字。例：「全プランを見る」。指定する場合はリンク先も必須です。末尾の矢印は自動で追加します。
ボタンとアクセントの独自の色 – チェックなしならブランドの色。ラベルは読みやすい明暗を自動選択します。
表示する場所 – 「会話の上部」「ホーム画面」、または両方。後者にはホーム画面を有効にする必要があります。
対象 – 全訪問者、または未識別の訪問者だけ（下記）。

ボタンとテキストリンクのリンク先には、https:// で始まるアドレスを使います。httpsのリンク先がある場合だけ表示します。

すべてそろった場合だけ有効にできます。 見出し、ボタンのテキスト、リンク、1つ以上の表示場所が必要です。不足があれば下書きで保存し、不足内容を知らせます。

テキストはプロジェクトの既定言語に適用されます。保存後、最大1分で訪問者に反映します。

有料顧客には表示しない

支払い済みの顧客に有料プランの広告は不要です。ユーザーのプランはreactive.chatではなく、運営側のサイトが把握しています。方法は3つです。

1. 対象を「未識別の訪問者のみ」にする。 サイトがReactiveChat('identify', …)でuserIdまたはemailを通知していれば、その人には表示しません。有料顧客だけがログインする場合には、これで十分です。

2. 有料と判明した時点でページのスクリプトに1行追加します。

ReactiveChat('promo', false);

スニペットの読み込み前に実行される可能性がある場合、前に次を置きます。

window.ReactiveChat = window.ReactiveChat || function () { (window.ReactiveChat.q = window.ReactiveChat.q || []).push(arguments); };

3. 有料顧客向けにサーバーが別のページを配信する場合、スニペットの属性を使います。

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-promo="false"
        async></script>

両方とも、そのページのその表示時だけ適用します。ReactiveChat('promo', true)で、アカウントの設定どおり再表示します。

ページごとに調整する

trueやfalseの代わりに、オブジェクトを渡せます。指定したフィールドは、このページでアカウントの設定を置き換え、省略したものはアカウントから使います。

ReactiveChat('promo', {
  titel: 'Annual plan: 2 months free',
  knopf: 'Switch now',
  ziel: 'https://www.your-domain.com/pricing?annual=1'
});

フィールド名は、アカウントと同じドイツ語です。

titel – 見出し（最大80文字）。
text – 下のテキスト（最大200文字）。
bild – https://, で始まる画像アドレス。
knopfとziel – ボタンのテキスト（最大40文字）とリンク。
link_textとlink_ziel – テキストリンク（最大60文字）とリンク先。
farbe – #rrggbbの独自の色。
orte – "gespraech"（会話）と"start"（ホーム画面）のリスト。オブジェクトにもアカウントにも指定がなければ、["gespraech"]を適用します。
zielgruppe – "alle"（全員）または"anonym"（未識別の訪問者のみ）。

titel: { en: 'Annual plan', de: 'Jahrestarif' }のように、言語別のテキストも渡せます。長すぎるテキストは短縮します。

アカウントで無効でも、オブジェクトを渡すとこのページに表示します。その場合は、最低限titel、ボタンにはknopfとzielも、自分で指定してください。

表示とクリック

アカウントのカード下の実績に、表示、ボタンとテキストリンクのクリック、クリック率を、過去7日・30日の合計と日別で示します。訪問者ごとに1日、配置ごと最大1表示、リンク先ごと最大1クリックを数えます。アカウントのプレビューは数えず、アカウントでは無効なのにReactiveChat('promo', {...})だけで表示したカードも数えません。

独自の分析用イベント

ページのスクリプトには、独自の分析ツールへの転送などに使える2イベントもあります。

ReactiveChat('on', 'promo:shown', function (e) {
  // e.ort: "gespraech" (conversation) or "start" (start page)
});

ReactiveChat('on', 'promo:click', function (e) {
  // e.ziel: "knopf" (button) or "link" (text link), e.ort: "gespraech" or "start"
});

promo:shownは、配置とページ表示ごとに1回、カードを含むウィンドウが開いたときだけ発生します。閉じたチャット内のカードは誰も見ていません。promo:clickは、ボタンやテキストリンクのクリックのたびに発生します。

カードが表示されない場合

有効ですか？ 不完全なカードは下書きのままです。
保存後、反映に最大1分かかります。
表示場所がホーム画面： ホーム画面は有効ですか。
対象が未識別のみ： ReactiveChat('identify', …)で識別済みなら見えません。
このページで無効ですか？ data-rc-promo="false"とReactiveChat('promo', false)を確認してください。
ボタンやリンクがない： リンク先がhttps://. で始まっていません。

独自リンクやボタンで開く方法は、独自のリンクやボタンからチャットを開く、導入の基本はウィジェットの埋め込みにあります。

ドキュメントの関連項目

詳しくは、チャットのホーム画面をご覧ください。すべての章はドキュメントにあります。

最終更新: 2026-10-25