Asyntai AIチャットボットをWeeblyに追加する方法
Weeblyウェブサイト向けのステップバイステップガイド
ステップ1:埋め込みコードを取得する
まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。
ステップ2:インストール方法を選択する
Weeblyサイトにチャットウィジェットを追加する方法はいくつかあります。最適な方法を選択してください:
方法1:サイト全体のフッターコード(推奨)
この方法により、Weeblyサイトのすべてのページにチャットボットが自動的に追加されます。
- Weeblyアカウントにログインし、サイトエディターを開きます
- 上部メニューの設定をクリックします
- 左サイドバーからSEOを選択します
- Scroll down to find the Footer Code section
- フッターコードボックスにAsyntaiの埋め込みコードを貼り付けます
- Saveをクリックします
- 公開をクリックして変更を反映します
なぜフッターコードなのですか? フッターにスクリプトを追加すると、ページコンテンツの後にロードされるため、パフォーマンスに最適でサイトの速度低下を防ぎます。
方法2:単一ページへのインストール
特定のページにのみチャットボットを表示したい場合は、各ページでこの方法を使用してください:
- In the Weebly editor, click on Pages in the top menu
- チャットボットを追加したいページを選択します
- そのページのSEO設定(または詳細設定)をクリックします
- フッターコードセクションを見つけます
- Asyntaiの埋め込みコードを貼り付けます
- Saveをクリックします
- チャットボットを表示したい他のページでも同じ手順を繰り返します
- 公開をクリックして変更を反映します
注意: ページレベルのコードはそのページにのみ影響します。複数のページにチャットボットを表示したい場合は、サイト全体の方法がより効率的です。
方法3:埋め込みコード要素を使用する
Weeblyの埋め込みコード要素も使用できますが、チャットウィジェットにはフッターの方法が推奨されます:
- Weeblyエディターで、ビルドタブに移動します
- Find the Embed Code element under the Basic section
- 埋め込みコード要素をページにドラッグします(できれば下部付近)
- 要素をクリックしてカスタムHTMLを編集を選択します
- Asyntaiの埋め込みコードを貼り付けます
- 要素の外側をクリックして保存します
- 公開をクリックして変更を反映します
重要: 埋め込みコード要素はエディターでプレビューが表示されません。チャットボットの動作を確認するには、サイトを公開する必要があります。
ステップ3:インストールの確認
サイトを公開した後、新しいブラウザタブまたはシークレットウィンドウでウェブサイトにアクセスしてください。右下にチャットウィジェットボタンが表示されます。クリックして、正しく開いて動作することを確認してください。
ウィジェットが表示されませんか? Weeblyでは、ヘッダー/フッターセクションに追加されたコードのプレビューは表示されません。「Publish」をクリックして変更を公開してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。
Weebly Square Onlineに関する注意事項
Square Online(WeeblyのEコマースプラットフォーム)をご利用の場合、手順は同様です:
- Square Onlineのダッシュボードにアクセスします
- Website > Site Settingsに移動します
- Advanced SettingsまたはCustom Codeを探します
- フッターセクションにAsyntaiの埋め込みコードを追加します
- 変更を保存して公開します
Weebly