ウェブサイトに AVA 4.0 を埋め込む方法

AVA を埋め込んで公開する方法をご覧ください。

Last updated:
December 30, 2025

公開する前に、プレビューオプションでAVAをテストして結果を確認することをお勧めします。

AVA を埋め込む

埋め込みたいAVAを選択し、画面の左側にある「埋め込み」オプションをクリックします。

ここから、AVA の表示方法に関する 2 つの異なるオプションを提供します。

商品に関するよくある質問の表示

AVAをネイティブのインタラクティブなコンテンツとして埋め込むと、訪問者はウェブサイトから直接チャットしたり質問したりできます。

タイトル、サブタイトルを追加し、AI アイコンを有効にして、FAQ ウィジェットをカスタマイズします。

AI が生成する質問を有効にする

有効にすると、AVAはページコンテンツ、商品データ、各買い物客のオンサイト行動に基づいてパーソナライズされたFAQ質問を自動的に生成し、すべての訪問者のFAQエクスペリエンスを継続的に最適化します。ここで設定したメッセージは、サイトに埋め込まれているFAQウィジェットに表示されます。

よくある質問のプレゼンテーションは、タイトルとサブタイトルの編集、アイコンの切り替え、主なブランドカラーの選択、サイトのビジュアルデザインに合わせてフォントサイズや角の半径を調整するなど、完全にカスタマイズできます。

質問

AI が生成する質問を有効にする

以下のメッセージは、ウェブサイトに埋め込まれているFAQウィジェットに表示されます。これを有効にすると、AVAはページコンテンツ、商品データ、各買い物客のオンサイト行動に基づいてパーソナライズされた質問を自動的に生成し、すべての訪問者のFAQエクスペリエンスを動的に最適化します。

AI が無効になっている場合、定義したデフォルトの質問がすべての関連ページに表示されます。

よくある質問を最大6つ(それぞれ60文字まで)追加し、埋め込みウィジェットで迅速な回答とナビゲーションサポートを提供できます。

追加の質問セット:特定のURLにスターター質問を適用するためのURL条件を設定できます。そのためには、さまざまなウェブページのどこにこれらの質問を表示するかを指定したURL条件を設定し、新しい質問セットを作成します。「+質問セット」ボタンをクリックするだけで、さらに追加できます。

入力プレースホルダーテキストをカスタマイズすることもできます。

FAQ の質問は、ユーザーが最初に AVA を開くとすぐに表示されます。

スタイリング

  • エントリーポイント
  • モーダル
  • AVAは、ページ上にポップアップするチャットウィンドウを開始します
  • インライン
  • AVAはページ内でユーザーの質問に直接回答します
  • このセクションから、ウィジェット、タイトル、ボタンのスタイル、および全体的なレイアウトと配置をカスタマイズできます。
  • 完了したら「保存」をクリックし、「コードを埋め込む」を選択してコードをコピーし、ウェブサイトで使用します。

ネイティブボタン

ボタン — CTAボタンでは以下を調整できます:

ウィジェットタイトル — ウィジェットのタイトルを追加します。

デジタル・アシスタントを表示 — オン/オフを切り替えて、ウィジェットにアシスタントを表示します。

ウィジェットサイズオートまたはカスタムから選択します。カスタムを選択すると、ウィジェットのサイズを手動で設定できます。

ボタンラベル — CTA ボタンに表示されるテキストを定義します。

メインボタンカラー — ボタンのメインカラーを設定します。

ボタンボーダーの色 — ボタンの境界線の色を選択します。

ボタンフォントの色 — ボタンテキストの色を選択します。

AI アイコンを使用 — オン/オフを切り替えて、ボタンにAIアイコンを表示します。

ウィジェットの背景 — オンに切り替えて背景設定をカスタマイズします:

  • 背景色を編集
  • 境界線の太さを調整
  • コーナー半径を設定
  • 境界線の色を選択
  • 埋め込みコード」をクリックして、ウィジェットコードをコピーし、ウェブサイトに貼り付けます。