ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

はじめに
インストール ナレッジベース AIがコンテンツにアクセスする仕組み ウェブサイトを接続 AIをテスト ウェブサイト管理
カスタマイズ
チャットボタンのデザイン チャットボタンのアイコン ウィジェットの色 AIアシスタント名 初期メッセージ ウィジェットの位置 自動トリガー 挨拶バブル 未読バッジ インストラクションモード 質問を促す 絵文字を使用 メールアドレスの収集 電話番号の収集 スマートリード獲得 ローカライズ ブランディングの非表示 プライバシーリンク カスタム通知文 Open Links in the Same Tab トランスクリプトのダウンロード 新しい会話 会話履歴 タグラインとステータスドット 音声テキスト変換 チャットアイコン 会社ロゴ 文字数制限 Temperature
AI指示のヒント 他のチャットボットからの移行 プラン比較
機能
Ask AI バー AI 検索バー WordPress のための AI 検索 AI Search for Joomla AI Search for Webflow AI Search for Ghost AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for Concrete CMS AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for Medusa AI Search for OpenCart AI Search for BigCommerce AI Search for Magento ウェブサイトクロール 知識のギャップ 商品カード 動的商品カード ダイナミック画像 ユーザーコンテキスト カスタムツール リンクパラメータ ライブモニタリング オペレーター対応 エスカレーション AI通知 デイリーレポート リアルタイムデータフィード リアルタイムデータフィードMax チームメンバー シングルサインオン 二要素認証 画像を含める 画像認識 翻訳ウィジェット ローカライズ AIの透明性 リード スマートリード獲得 サポートチケット チャットのカテゴリ 予約 埋め込み ページの除外 ブロックされたIP データ保存ポリシー ゼロ保存モード 個人情報マスキング 出力クラシファイア Access Tags ウィジェットのバージョン固定 監査ログ よりスマートなモデル 思考モードを有効化 返信候補 フォローアップメッセージ 音声テキスト変換 トランスクリプトのダウンロード 埋め込みチャット iframe による埋め込み
アナリティクス
チャット分析 チャットログ
連携
REST API MCP コネクタ Instagram Messenger WhatsApp Discord Zulip GitHub GitHub Actions CircleCI Bitrix24 phpBB MyBB Simple Machines NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza SHOPLINE Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian Logseq Joplin Thunderbird LiveChat Elgg GLPI Znuny thirty bees Frappe / ERPNext Clover Grafana Airbyte Meltano OXID eShop Pimcore Vendure Xperience by Kentico ClassicPress Stream Deck Visual Studio Code Vtiger CRM ToolJet Attio Podio Vercel Node-RED Apify Coze Dify LangChain Flowise Automatisch Workato Windmill Figma Canva Stripe SuiteCRM YouTrack Redmine Kit nopCommerce Nuvemshop OroCommerce Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki ownCloud Webex RingCentral Activepieces Albato Integrately Zapier Email Notion Gmail Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk モバイルアプリ
その他
ホーム画面に追加 カスタムオープンボタン AIに質問ボタン 支払いに失敗しましたか？
AIに質問

Ask AI バー

フルスクリーンのウィジェットスタイル:中央に配置された入力バーが没入感のある会話に展開します

カスタマイズへ移動
Pro & Enterprise

概要

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

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

有効にする方法

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

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

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

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

バーの幅

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

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

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

/pricing, /docs*, example.com/support

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

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

知っておくと便利なこと

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