ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

Asyntai AIチャットボットをUnbounceに追加する方法

Unbounceランディングページ向けのステップバイステップガイド

埋め込みコードの取得

ステップ1:埋め込みコードを取得する

まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注記: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。

ステップ2:JavaScript設定を使用する

Unbounceには、カスタムスクリプトを追加するための専用のJavaScriptsセクションがあります:

  1. エディターでUnbounceランディングページを開きます
  2. 左下の「Settings」をクリックします
  3. 「JavaScripts」を選択します
  4. 「Add custom script」をクリックします
  5. 配置を「Before Body End Tag」に設定します
  6. スクリプトフィールドにAsyntaiの埋め込みコードを貼り付けます
  7. 「保存」をクリックしてページを再公開してください

ヒント: 配置を「Before Body End Tag」に設定すると、ページコンテンツの読み込み後にチャットボットが読み込まれます。「Head」配置も選択できますが、body endが推奨されます。

ステップ3:インストールの確認

変更を保存して公開した後、新しいブラウザタブまたはシークレットウィンドウでUnbounceページにアクセスしてください。右下にチャットウィジェットボタンが表示されます。クリックして、正しく開いて動作することを確認してください。

ウィジェットが表示されませんか? スクリプトを保存してページを再公開したことを確認してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。