ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

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

埋め込みコードの取得

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

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

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

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

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

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

  1. Joomla管理者パネルにログインします
  2. Content → Site Modulesに移動します
  3. Click "New" to create a new module
  4. Select "Custom" (Custom HTML module)
  5. Enter a title like "Asyntai Chatbot" (you can hide this later)
  6. 「エディターを切り替え」ボタンをクリックして生のHTMLモードに切り替えてください
  7. Asyntaiの埋め込みコードを貼り付けます
  8. 「位置」フィールドで、フッターの位置を選択してください(例:「footer」または「debug」)
  9. 「タイトルを表示」を「非表示」に設定します
  10. 「メニュー割り当て」タブで「すべてのページ」を選択します
  11. 「保存して閉じる」をクリックしてください

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

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

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

  1. System → Site Templatesに移動します
  2. アクティブなテンプレート名をクリックします
  3. Find and click on "index.php" in the file list
  4. 閉じ</body>タグを見つけるまでスクロールします
  5. </body>タグの直前にAsyntaiの埋め込みコードを貼り付けます
  6. 「保存」をクリックしてください

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

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

You can also use a free extension to add custom scripts:

  1. Joomla拡張機能ディレクトリにアクセスしてください
  2. Download the "Add Custom Javascript" extension
  3. Joomla管理画面でSystem → Install → Extensionsに移動します
  4. エクステンションをアップロードしてインストールします
  5. Components → Add Custom Javascriptに移動します
  6. Asyntaiの埋め込みコードを追加します
  7. すべてのページで読み込むように設定します

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

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

ウィジェットが表示されませんか? システム → キャッシュをクリアに移動して「すべて削除」をクリックしてJoomlaキャッシュをクリアしてください。また、ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。