プロアクティブメッセージ：ツールチップ、時間指定メッセージ、キャンペーン

待機後、スクロール時、要素のクリック時、離脱前など、適切なタイミングで訪問者に話しかけます。チャットボタンの控えめな吹き出しや、チャット内のメッセージを使います。

クリック、スクロール、一時的な停止など、ページ上のイベントをきっかけに呼びかけます。待機時間の後、チャットボタンの横に小さな吹き出し、またはチャット内にメッセージを表示します。アカウントでは、/app/projects/{id}のルールとサービスタブにあるツールチップと時間指定アクションと呼びます。

2つの表示方法

チャットボタンのツールチップ吹き出し – 控えめな表示です。チャットボタンの横に出て、自動的に、または閉じるボタンで消え、ウィンドウは開きません。キーボードのフォーカスを奪わないので、フォーム入力中の訪問者の操作を妨げません。スマートフォンではボタンの上に表示します。
チャット内のメッセージ – 会話のメッセージとして表示します。チャットウィンドウも開くを選ぶと、ウィンドウが開きます。

操作につまずいている人に、突然ウィンドウを出すのは避けた方がよいでしょう。迷う場合は吹き出しを使ってください。

アシスタントでツールチップを作成する

一覧には、すべての呼びかけをカードとして表示し、有効の切り替え、編集、複製、削除、移動ボタンがあります。既定に戻すで、付属のルールに戻せます。新しいツールチップは5つのステップで作成し、ライトとダークのページ上でプレビューできます。

1. トリガー

ページを開いた – ページの表示時。
ページ滞在時間 – 最低滞在時間を過ぎた後。ウィジェットは30秒ごとに確認します。
スクロールの深さ – ページの1～100％に達したとき。
無操作 – マウス、キーボード、タッチ、スクロールの操作がない状態が3秒～60分続いたとき。
タブに戻った – 訪問者が離れていたタブに戻ったとき。
離脱の意図 – マウスポインターがウィンドウ上部から出たとき。デスクトップのみ。
要素をクリック – CSSセレクターが必須です。
マウスを止めた – 要素上で0.2～60秒（既定1秒）止めたとき。セレクターが必須です。
要素が見えた – スクロールで要素が画面内に入ったとき。セレクターが必須です。
フォーム欄に入った – フィールドにフォーカスしたとき。セレクターが必須です。
テキストをコピー – 任意で1つの要素に限定できます。
カスタムイベント – 独自のコードから通知します。下記参照。
不満のシグナル – ページのJavaScriptエラー（js_error）など。同じ場所の連続クリックやフォームの中断など、その他のシグナルはMousePlayer連携からのみ取得できます。
購入意図 – MousePlayerでのみ検出します。

2. 条件

アドレスに含むとアドレスに含まない – アドレスの一部、または/pattern/i形式の正規表現。
流入元 – 直前のページ（リファラー）。同じ形式で指定します。
端末 – スマートフォンまたはデスクトップ。
訪問者 – 新規または再訪問。再訪問を認識できるのは、ブラウザーへの保存が許可されている場合、つまり同意がある場合だけです。
ページの言語 – 最大20言語コード。
このセッションのページ数 – 最低1～100ページ。
チーム – 誰かがオンラインの場合のみ、または誰もオンラインでない場合のみ。
受付時間 – 対応時間内のみ、または時間外のみ。
進行中の会話では表示しない – 既定です。ウィンドウが開いているか、最後のメッセージから10分未満なら進行中と見なします。

3. タイミング

トリガー後の待機秒数。その間に対象外のページへ移動すると、表示を取りやめます。
吹き出しの表示時間：訪問者が閉じるまで、または3～120秒。未指定なら15秒です。
頻度 – セッション、訪問者、会話ごとに1回、または10分、1時間、24時間ごとに最大1回。「セッション中に複数回」は2～10回です。
重要度 – 高、中、低、または独自の数値。同時に2つのツールチップが該当すると、重要度の高いものを優先します。

4. コンテンツ

文言 – 最大500文字。
クイック返信 – テキストの下のボタンで、各最大32文字。吹き出しは最大3個、メッセージは最大4個です。各返信には動作があります。
質問する – チャットを開き、運営側の文と訪問者の返信を表示して、用件を尋ねます。
今は結構です – 吹き出しを閉じ、そのセッションでは同じツールチップを再表示しません。
折り返し電話を依頼 – 折り返し電話の依頼を開きます。
メッセージ（既定） – 返信をチャットのメッセージとして送信します。
担当者の画像 – 割り当てられたチームメンバーのアバターを吹き出しに表示します。
ページごとにAIが作成 – 固定文の代わりに、AIが各ページの内容から適切な文を作成します。指定したテキストは代替として残ります。

ページごとの提案と独自の文

ページごとにAIが作成では、閲覧数の多い上位20ページ向けの提案を作成できます。最大毎分1回です。バックグラウンドで作成し、通常は1分以内に完了します。各提案を独自のテキスト（最大500文字）で置き換えられます。破棄するまでそのページに適用し、AIは上書きしません。破棄した提案は、次回そのページが閲覧されたときに再作成します。

常に適用されるルール

呼びかけが迷惑にならないよう、無効にできない固定ルールがあります。

訪問者ごとに10分間に最大1回。クリック、マウス停止、フォーム欄のツールチップは、訪問者の操作への応答なので例外です。
チャットウィンドウが開いている間や、チャットボタンが非表示の場合は、吹き出しを表示しません。
1セッション最大3吹き出しです。
閉じたら再表示しません： 同じツールチップは、そのセッションでは戻りません。
通知しない： ページが訪問者を「通知しない」に設定している場合（下記）、呼びかけを表示しません。

プラン

無料プランでは、プロジェクトごとに有効なツールチップ1つまでです。Professional以上は制限がありません。有効な吹き出しとメッセージを、一覧の順序で数えます。上限を超えて保存しようとすると、メッセージを表示します。ワークスペースが無料プランに戻ると、超過分は保存されたままですが、配信しません。

上級者向け：JSONのルール

アシスタントの下に上級者向け：JSONのルールがあります。同じ一覧をJSONで直接編集できます。空ならreactive.chatの既定値です。保存時に厳密に検証し、エラーにはルールとフィールドを示します。

[
  {
    "id": "preise-hilfe",
    "enabled": true,
    "priority": 50,
    "when": { "event": "scroll", "minScrollPct": 60, "urlMatch": "/preise" },
    "unless": { "conversationActive": true },
    "throttle": { "max": 1, "per": "session" },
    "delayMs": 2000,
    "action": {
      "type": "teaser",
      "text": "Questions about our plans? Happy to help.",
      "quickReplies": ["Yes, I have a question", "No thanks"],
      "replyRoles": ["ask", "dismiss"],
      "ttlMs": 20000
    }
  }
]

主な上限は次のとおりです。

最大50ルール、合計60,000文字。
id：小文字、数字、ハイフン、最大40文字。
priority：0～1,000。小さい数が優先され、既定は100。
delayMs：0～86,400,000（24時間）。
ttlMs（吹き出しのみ）：0～120,000。0は閉じるまで。
throttle.max：1～100。throttle.per：session、visitor、conversation、10m、1h、24h。
action.type：teaser（吹き出し）またはproactive_message（メッセージ。openWidget付き）。
パターンとセレクターは最大200文字。
_で始まるフィールドはコメントとして扱います。

不明なフィールドは拒否するため、入力ミスに保存時に気付けます。

コードで吹き出しを表示する

ページ上の操作後などに、独自のコードからチャットボタンの吹き出しを表示できます。

ReactiveChat('show', 'Questions about your plan? Write to us.');

ReactiveChat('showTeaser', {
  text: 'Questions about your plan?',
  quickReplies: ['Yes', 'No thanks'],
  ttlMs: 15000,
  ruleId: 'tarif-kampagne'
});

ReactiveChat('hide');

これらの吹き出しにも上記のルールを適用します。showTeaserは表示できたかを返します。ウィジェットはReactiveChat('on', …)で、teaser:shown、teaser:click、teaser:dismiss、teaser:replyイベントを通知します。

コードでカスタムイベントをトリガーにする

カスタムイベントトリガーでは、ページの節目の出来事を通知します。

ReactiveChat('track', 'warenkorb_voll');

ツールチップに同じ名前を入力します。

通知しない

購入手続き中など、訪問者にまったく話しかけない場合は、スニペットに次を追加します。

data-rc-dnd="true"

チャットは引き続き利用でき、プロアクティブな呼びかけだけを省略します。

キャンペーン

特定の対象への案内には、/app/projects/{id}/campaignsのキャンペーンがあります。明確に指定した対象にチャット内のメッセージを送り、必要ならバリアントBも使えます。Professionalプランから利用できます。

メッセージは最大500文字、返信ボタン最大3個。ウィンドウを開くこともできます。
バリアントBの割合は1～99％、既定は50％。
対象は、ページ、滞在時間、流入元、UTMパラメーター、新規・再訪問、国、言語、端末、ログイン済み・匿名、さらに顧客データがあれば注文状況などで指定できます。
頻度は訪問者ごとに1～50回（既定1）、最小間隔は1～2,160時間（既定24）。
開始と終了のスケジュール。
実績：配信済み、閲覧済み、クリック、会話開始、目標達成。

キャンペーンはツールチップと10分間の制限を共有し、進行中の会話では表示しません。EU、EEA、スイス、英国の訪問者と、国が不明な訪問者には、同意がある場合だけ配信します。計画と評価の方法は、製品マニュアルで説明しています。

呼びかけが表示されない場合

有効ですか？ プランで許可されていますか。
過去10分以内に、すでに呼びかけがありませんでしたか？
会話が進行中ですか？ またはウィンドウが開いていませんか。
すでに訪問者が閉じていませんか？ または頻度の上限に達していませんか。
アドレス、端末、受付時間などの条件は一致していますか？
チャットボタンが非表示ですか？ その場合は吹き出しを表示しません。チャット内のメッセージを使ってください。
不満や購入意図のトリガーですか？ JavaScriptエラー以外は、MousePlayerからのみ取得するシグナルです。

最終更新: 2026-10-25