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

WordPressウェブサイト向けステップバイステップガイド

プラットフォーム:

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

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

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

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

WordPressにチャットウィジェットを追加するにはいくつかの方法があります。最適な方法をお選びください：

チャットウィジェットを追加する最も簡単な方法は、「Insert Headers and Footers」や「WPCode」などのプラグインを使用することです。

なぜプラグインを使用するのですか？ プラグインを使用すると、WordPressテーマを更新または変更した場合でもコードが保持されます。

テーマファイルに直接コードを追加することもできます。テーマファイルエディターの場所は、WordPressのバージョンとテーマの種類によって異なります。

ブロックベースのテーマ（Twenty Twenty-Fourなどのフルサイトエディティングテーマ）を使用している場合、テーマファイルエディターの場所が変更されています：

注意: 一部のブロックテーマにはfooter.phpファイルがありません。その場合は、すべてのテーマタイプで動作するプラグイン方式（WPCode）をご利用ください。

重要: テーマの更新により変更が上書きされます。恒久的な対策として、子テーマまたはプラグイン方式をご利用ください。

Elementorを使用している場合、Elementorのカスタムコード機能を通じてコードを追加できます。

Elementorの無料版を使用している場合は、上記のプラグイン方式をご利用ください。カスタムコードの挿入にはElementor Proが必要です。

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

ウィジェットが表示されませんか？ ブラウザキャッシュおよびWordPressのキャッシュプラグインをクリアしてください。WP RocketやW3 Total Cacheなどのキャッシュプラグインを使用している場合は、コード追加後にキャッシュをパージしてください。