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

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

プラットフォーム:

ステップ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：インストール方法を選択する

Weeblyサイトにチャットウィジェットを追加する方法はいくつかあります。最適な方法を選択してください：

方法1：サイト全体のフッターコード（推奨）

この方法により、Weeblyサイトのすべてのページにチャットボットが自動的に追加されます。

Weeblyアカウントにログインし、サイトエディターを開きます
上部メニューの設定をクリックします
左サイドバーからSEOを選択します
フッターコードセクションまでスクロールします
フッターコードボックスにAsyntaiの埋め込みコードを貼り付けます
Saveをクリックします
公開をクリックして変更を反映します

なぜフッターコードなのですか？ フッターにスクリプトを追加すると、ページコンテンツの後にロードされるため、パフォーマンスに最適でサイトの速度低下を防ぎます。

方法2：単一ページへのインストール

特定のページにのみチャットボットを表示したい場合は、各ページでこの方法を使用してください：

Weeblyエディターで、上部メニューのPagesをクリックします
チャットボットを追加したいページを選択します
そのページのSEO設定（または詳細設定）をクリックします
フッターコードセクションを見つけます
Asyntaiの埋め込みコードを貼り付けます
Saveをクリックします
チャットボットを表示したい他のページでも同じ手順を繰り返します
公開をクリックして変更を反映します

注記: ページレベルのコードはそのページにのみ影響します。複数のページにチャットボットを表示したい場合は、サイト全体の方法がより効率的です。

方法3：埋め込みコード要素を使用する

Weeblyの埋め込みコード要素も使用できますが、チャットウィジェットにはフッターの方法が推奨されます：

Weeblyエディターで、ビルドタブに移動します
基本セクションにある埋め込みコード要素を見つけます
埋め込みコード要素をページにドラッグします（できれば下部付近）
要素をクリックしてカスタムHTMLを編集を選択します
Asyntaiの埋め込みコードを貼り付けます
要素の外側をクリックして保存します
公開をクリックして変更を反映します

重要: 埋め込みコード要素はエディターでプレビューが表示されません。チャットボットの動作を確認するには、サイトを公開する必要があります。

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

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

ウィジェットが表示されませんか？ Weeblyでは、ヘッダー/フッターセクションに追加されたコードのプレビューは表示されません。「Publish」をクリックして変更を公開してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。

Weebly Square Onlineに関する注意事項

Square Online（WeeblyのEコマースプラットフォーム）をご利用の場合、手順は同様です：

Square Onlineのダッシュボードにアクセスします
Website > Site Settingsに移動します
Advanced SettingsまたはCustom Codeを探します
フッターセクションにAsyntaiの埋め込みコードを追加します
変更を保存して公開します

ドキュメント