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

e107 CMSウェブサイトのためのステップバイステップガイド

埋め込みコードの取得

プラットフォーム:

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

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

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

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

ステップ2：テーマテンプレートに追加する（推奨）

チャットボットを追加する推奨方法は、e107のテーマテンプレートファイルを直接編集することです：

e107のテーマフォルダに移動します：e107_themes/yourtheme/
テーマのメインテンプレートファイル（通常theme.phpまたはtheme.html）を開きます
</body>閉じタグを見つけます
Asyntaiの埋め込みコードを</body>タグの直前に貼り付けます：

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

ヒント: テーマがtheme.phpを使用している場合は、フッターHTMLがレンダリングされるセクションを探してください。埋め込みコードは、すべての他のコンテンツの後、bodyの閉じタグの前に配置する必要があります。

代替方法1：e107のカスタムヘッダー/フッターを使用する

テーマファイルを編集せずに、e107管理パネルからチャットボットスクリプトを追加できます：

e107管理パネルにログインします
Admin > Preferences > Site Preferencesに移動します
「カスタムフッター」または「フッタースクリプト」セクションを探してください
Asyntaiの埋め込みコードをフッタースクリプトのテキストエリアに貼り付けます
「保存」をクリックして変更を適用してください

注記: テーマファイルの直接編集を避けたい場合、これが最も簡単な方法です。スクリプトはe107サイトのすべてのページに自動的に含まれます。

代替方法2：e107プラグインを使用する

よりモジュール化されたアプローチとして、シンプルなプラグインを作成するか、プラグインフックシステムを使用してチャットボットスクリプトをインジェクトできます：

シンプルなプラグインを作成するか、「カスタムページ」プラグインを使用してください
プラグインディレクトリにe_footer.phpファイルを作成して、e107のプラグインフックシステム経由でスクリプトを追加します
e_footer.php内で埋め込みコードを出力します：

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

ヒント: プラグインフック方式により、チャットボットの統合がテーマから分離されるため、テーマを切り替えても維持されます。

代替方法3：e107のメニューシステムを使用する

e107の組み込みメニューシステムを使用して、フッターエリアにチャットボットスクリプトを追加できます：

e107管理パネルにログインします
Admin > Menusに移動します
カスタムHTMLメニューを作成します
メニューコンテンツにAsyntaiの埋め込みコードを貼り付けます
テンプレートのフッターエリアにメニューを割り当てます
メニュー設定を保存します

重要: メニューシステムを使用する際は、割り当てるメニューエリアが生のHTML/scriptの出力をサポートしていることを確認してください。一部のメニューエリアはセキュリティのためにscriptタグを除去する場合があります。スクリプトが削除された場合は、他の方法を使用してください。

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

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

ウィジェットが表示されませんか？ 管理 > キャッシュから管理パネルでe107キャッシュをクリアしてみてください。また、ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。埋め込みコードが正しく配置され、ダッシュボードからの固有のウィジェットIDが含まれていることを確認してください。