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

Odooウェブサイトのステップバイステップガイド

埋め込みコードの取得

プラットフォーム:

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

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

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

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

ステップ2：コードインジェクションを使用してコードを追加（Odoo 16以降）

Odooバージョン16以降を使用している場合は、組み込みのコードインジェクション機能を使用してすべてのページにチャットボットを追加できます：

Odooバックエンドにログインし、Websiteアプリに移動してください
編集をクリックしてウェブサイトエディタに入ってください
エディタツールバーのThemeオプションをクリックしてください
Website Settingsに移動してください
Code Injectionを見つけてクリックしてください
</body>オプションをクリックして、閉じbodyタグの前にコードを追加してください
コードエディタにAsyntai埋め込みコードを貼り付けてください
Saveをクリックして変更を適用します

ヒント: </body>セクションにコードを追加すると、閉じbodyタグの直前に配置されます。これはチャットウィジェットの推奨配置であり、ページの読み込みを遅くしません。

代替方法：HTMLエディタを使用（Odoo 14-15）

Odooバージョン14および15では、HTMLエディタを使用してコードを追加できます：

Odooバックエンドにログインし、Websiteアプリに移動してください
編集をクリックしてウェブサイトエディタに入ってください
Customizeドロップダウンメニューをクリックしてください
HTML/CSS/JS Editorを選択してください
編集可能なテンプレートのリストからMain Layoutを選択してください
テンプレートの最下部、閉じ</t>タグの直前までスクロールしてください
Asyntaiの埋め込みコードを貼り付けます
Saveをクリックしてページを更新してください

重要: HTMLを直接編集する場合は、有効なXHTML構文を使用してください。必要に応じてscriptタグを自己閉じにしてください。変更はウェブサイトのすべてのページに適用されます。

代替方法：開発者向け方法（カスタムモジュール）

開発者の方やカスタムOdooモジュールにアクセスできる方は、ウェブサイトレイアウトを継承するテンプレートを作成できます：

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

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

    </xpath>

</template>

注記: この方法では、カスタムOdooモジュールを作成し、上記のコードをモジュールのXMLビューに追加する必要があります。追加後、モジュールリストを更新してモジュールをインストールしてください。

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

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