ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

Asyntai AIチャットボットをPleskでホストされたウェブサイトに追加する方法

Pleskでホストされたウェブサイトのステップバイステップガイド

埋め込みコードの取得

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

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

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

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

ステップ2:ウェブサイトの種類を確認

インストール方法は、ウェブサイトが使用しているプラットフォームによって異なります。Pleskはさまざまな種類のウェブサイトをホストできるホスティングコントロールパネルです:

WordPress/Joomla/Drupal: サイトがCMSを使用している場合は、そのプラットフォームの専用ガイドを参照してください(WordPressJoomlaDrupal)。

静的HTMLウェブサイトの場合

Pleskでホストされた静的HTMLウェブサイトの場合は、ファイルマネージャーを使用してHTMLファイルを編集してください:

方法1:Pleskファイルマネージャーを使用

  1. Pleskコントロールパネルにログインしてください
  2. Websites & Domainsに移動してください
  3. File Managerをクリックしてください
  4. ウェブサイトのルートディレクトリ(通常はhttpdocsまたはpublic_html)に移動してください
  5. メインHTMLファイル(多くの場合index.htmlまたはindex.php)を見つけてください
  6. ファイル名をクリックしてエディタメニューを開いてください
  7. HTML構文ハイライト用にCode Editorを選択してください
  8. 閉じ</body>タグを見つけるまでスクロールしてください
  9. </body>タグの直前にAsyntaiの埋め込みコードを貼り付けます
  10. 「保存」または「OK」をクリックしてください
  11. 必要に応じて他のHTMLページでも繰り返してください

ヒント: Pleskファイルマネージャーは複数のエディタを提供しています:Code Editor(構文ハイライト付き)、HTML Editor(WYSIWYG)、Text Editor。HTMLファイルを編集する際は、最良の結果を得るためにCode Editorを使用してください。

方法2:FTPアクセスを使用

  1. PleskでWebsites & Domainsに移動してください
  2. FTP Accessセクションを見つけてください
  3. FTP認証情報をメモするか、新しいFTPアカウントを作成してください
  4. FileZillaなどのFTPクライアントを使用してサーバーに接続してください
  5. ウェブサイトのディレクトリ(httpdocs)に移動してください
  6. 編集したいHTMLファイルをダウンロードしてください
  7. </body>タグの前にAsyntaiの埋め込みコードを追加してください
  8. 変更したファイルをサーバーにアップロードしてください

PHPベースのウェブサイトの場合

ウェブサイトがPHPテンプレートまたはインクルードを使用している場合:

  1. Pleskファイルマネージャーで、テンプレートまたはインクルードファイルに移動します
  2. フッターテンプレートファイル(一般的にfooter.phpfooter.inc.php、またはtemplate.php)を見つけてください
  3. Code Editorで開いてください
  4. </body>タグの前にAsyntaiの埋め込みコードを追加してください
  5. ファイルを保存します

注記: フッターテンプレートを編集することで、そのテンプレートを使用するすべてのページにチャットボットが自動的に表示されます。

バックアップの作成

変更を加える前に、バックアップを作成することをお勧めします:

  1. PleskでWebsites & Domainsに移動してください
  2. Backup Managerをクリックしてください
  3. ウェブサイトのフルバックアップを作成してください
  4. 変更を加える前に安全に保存してください

重要: 可能であれば、まずステージング環境で変更をテストしてください。データ損失を避けるため、編集前にファイルをバックアップしてください。

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

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

ウィジェットが表示されませんか? ブラウザのキャッシュとPleskのサーバーサイドキャッシュをクリアしてください。ブラウザコンソール(F12)でJavaScriptエラーを確認してください。ファイルマネージャーでファイルを再度表示して、正しく保存されたことを確認してください。