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

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

プラットフォーム:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

ステップ2：カスタムHTMLモジュールを使用してコードを追加（推奨）

すべてのページにチャットボットを追加する最も簡単な方法は、カスタムHTMLモジュールを使用することです：

Joomla管理者パネルにログインします
Content → Site Modulesに移動します
「新規」をクリックして新しいモジュールを作成します
「カスタム」（カスタムHTMLモジュール）を選択してください
「Asyntai Chatbot」のようなタイトルを設定します
「エディターを切り替え」ボタンをクリックして生のHTMLモードに切り替えてください
Asyntaiの埋め込みコードを貼り付けます
「位置」フィールドで、フッターの位置を選択してください（例：「footer」または「debug」）
「タイトルを表示」を「非表示」に設定します
「メニュー割り当て」タブで「すべてのページ」を選択します
「保存して閉じる」をクリックしてください

ヒント: コードが除去される場合は、システム → グローバル設定 → サイトに移動し、デフォルトエディターを一時的に「なし」に設定し、コードを追加してから元に戻してください。

代替方法：テンプレートファイルの編集

テンプレートのindex.phpファイルに直接コードを追加できます：

System → Site Templatesに移動します
アクティブなテンプレート名をクリックします
ファイル一覧から「index.php」を見つけてクリックします
閉じ</body>タグを見つけるまでスクロールします
</body>タグの直前にAsyntaiの埋め込みコードを貼り付けます
「保存」をクリックしてください

重要: テンプレートファイルへの変更は、テンプレートの更新時に失われます。より永続的な解決策として、子テンプレートまたはカスタムHTMLモジュール方式の使用を検討してください。

代替方法：エクステンションの使用

無料のエクステンションを使用してカスタムスクリプトを追加することもできます：

Go to the Joomla Extensions Directory
「Add Custom Javascript」エクステンションをダウンロードします
Joomla管理画面でSystem → Install → Extensionsに移動します
エクステンションをアップロードしてインストールします
Components → Add Custom Javascriptに移動します
Asyntaiの埋め込みコードを追加します
すべてのページで読み込むように設定します

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

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