ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

Hostingerウェブサイトビルダー向けのステップバイステップガイド

埋め込みコードの取得

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

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

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

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

ステップ2:カスタムコード設定の使用

Hostingerウェブサイトビルダーにはカスタムコード機能が組み込まれています:

  1. Hostinger Website Builderエディターにログインします
  2. 左サイドバーの「設定」をクリックしてください
  3. 「カスタムコード」を選択してください
  4. Asyntaiの埋め込みコードを「フッターコード」セクションに貼り付けてください
  5. 「保存」をクリックしてサイトを公開してください

ヒント: フッターセクションにコードを追加することで、ページコンテンツの後に読み込まれるようになります。これはチャットウィジェットに推奨されます。

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

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

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