ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

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

埋め込みコードの取得

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

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

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

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

ステップ2:HTML/CSS設定の使用

Instapageには、カスタムスクリプトを追加するための組み込みのHTML/CSSエディターがあります:

  1. エディターでInstapageランディングページを開きます
  2. エディターツールバーの「設定」をクリックしてください
  3. 「HTML/CSS」セクションに移動してください
  4. Asyntaiの埋め込みコードを「Head」セクションに貼り付けます
  5. 「保存」をクリックしてページを再公開してください

ヒント: InstapageはHTML/CSS設定に「Body」セクションも提供しています。どちらの場所でも機能しますが、チャットウィジェットには早期読み込みを確保するためHeadセクションが推奨されます。

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

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

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