Ask AI バー

概要

Ask AI バーは、チャットウィジェットの代替スタイルです。隅にある従来のバブルの代わりに、訪問者にはページ下部の中央に質問を促す入力フィールドが表示されます。入力を始めた瞬間、ページは過去の会話を表示するサイドバー付きのフルスクリーンの会話に変わります。バーはページの最も目立つ場所にあり、クリックして開く手順が不要なため、訪問者はバブルよりはるかに多くの会話を始めます。

中身は同じアシスタントです。ナレッジベース、AI への指示、色、プライバシー設定、リード獲得、予約、その他すべての設定が両方のスタイルに適用されます。有人対応への切り替え、トランスクリプト、会話履歴も同じように機能します。

有効にする方法

ダッシュボードのカスタマイズを開き、ウィジェットスタイルで Ask AI バーを選択します。それだけです。既存の埋め込みスニペットとプラグインはそのまま動作し、次のページ読み込み時に新しいスタイルが表示されます。ウェブサイト側のコード変更は不要です。

バーは Pro と Enterprise プランで利用できます。後でプランが変わった場合、ウェブサイトは自動的に従来のバブルに戻ります。何も壊れません。

プレースホルダーテキスト

デフォルトでは、バーは Ask AI というテキストで訪問者に入力を促し、各訪問者の言語に自動的に翻訳されます。バースタイルを選択すると表示されるバーのプレースホルダーテキスト設定で、たとえば「旅行の専門家に質問する」など、独自の文言に置き換えられます。

バーの幅

ウィジェット設定の 2 つのスライダーで、バーの最大幅を制御します。1 つ目は大画面での幅を設定し、既定値は 640 ピクセルです。2 つ目のスマートフォンでのバーの幅は既定でオフです。その場合スマートフォンは画面の全幅を使用し、小さい画面では最も見栄えがします。オンにすると、画面サイズを上限として、スマートフォンに固有の固定幅を設定できます。

特定のページにのみバーを表示する

ドキュメントやヘルプセンターなどコンテンツの多いページにはバーを、それ以外にはクラシックなバブルを表示したいウェブサイトは多くあります。特定のページにのみバーを表示オプションを有効にし、ページを 1 行に 1 つずつ、またはカンマ区切りで指定します:

一致するページでは訪問者にバーが表示され、それ以外のすべてのページではバブルが表示されます。/pricing のようなパスはドメインなしで機能し、そのページに完全一致します。末尾のスラッシュは影響しません。エントリの末尾にアスタリスクを付けるとセクション全体をカバーできます。/docs* は /docs とその配下のすべてのページに一致します。

コードによるスタイルの制御

開発者は、埋め込みスニペットの data-asyntai-style 属性でページごとにスタイルを強制できます。bar または bubble を受け付け、ダッシュボードの設定より優先されます:

バーを表示するページには bar を、それ以外のページには bubble を指定するか、単に属性を省略してください。ページが異なるテンプレートから生成されていて、判断をダッシュボードではなくコード側に置きたい場合に便利です。

知っておくと便利なこと

• 会話はスタイルをまたいで継続します。あるページでバブルとチャットした訪問者は、別のページでバーに出会っても AI との同じ会話を続けられます。
• 訪問者にチャットを開かせることだけが目的の設定(位置、チャットアイコン、自動トリガー、あいさつバブル、トリガー入力、未読バッジ)は、バーでは使用されません。バーは常に表示されているためです。これらの値は、バブルに戻したときのために保持されます。
• バーは音声入力、画像アップロード、商品カード、予約、メールアドレスと電話番号の取得、ローカライズ、右から左に書く言語を完全にサポートします。
• スマートフォンでは、バーは画面下端の少し上に表示され、会話はフルスクリーンで開き、過去の会話はスライド式のドロワーに表示されます。