Asyntai AIチャットボットをTildaに追加する方法
Tildaウェブサイト向けのステップバイステップガイド
ステップ1:埋め込みコードを取得する
まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。
ステップ2:サイト全体にコードを追加する(推奨)
Tildaウェブサイトのすべてのページに一括でチャットボットを追加するには、サイト設定の方法を使用します:
- Log in to your Tilda account and open your site editor
- Click Site Settings (gear icon) in the top menu
- \"More\"セクションまでスクロールしてください
- Find "HTML code for the HEAD section for all pages"
- \"Edit code\"をクリックしてください
- テキストボックスにAsyntaiの埋め込みコードを貼り付けます
- 「保存」をクリックしてください
- Click "Publish" to apply changes to your live site
ヒント: この方法により、サイトのすべてのページにチャットボットが自動的に追加されます。訪問者がサイト全体でチャットボットを利用できるようにする最も簡単な方法です。
代替方法:T123ブロックを使用する(特定のページ)
特定のページにのみチャットボットを追加したい場合は、TildaのT123 HTMLブロックを使用できます:
- Tildaエディターで編集したいページを開きます
- Click "+ Add Block" or press "T"
- ブロックライブラリでその他 → T123(HTMLコードの埋め込み)に移動します
- または、検索バーで\"T123\"を検索してください
- T123ブロックをクリックしてページに追加します
- ブロック設定で、Asyntaiの埋め込みコードを貼り付けます
- ページ上の任意の場所にブロックを配置します(ウィジェットの表示位置には影響しません)
- 「公開」をクリックして変更を反映してください
注意: T123ブロックはHTML、JavaScript(<script>タグ内)、CSS(<style>タグ内)に対応しています。ブロックの視覚的な配置は関係ありません。チャットボットは設定どおり右下に表示されます。
ページ別Headセクション(上級者向け)
For more control, you can add code to individual page head sections:
- Tildaエディターでページを開きます
- Click Page Settings (gear icon) in the top menu
- \"Additional\"タブに移動してください
- "HTML code for the HEAD section"を見つけてください
- Asyntaiの埋め込みコードを貼り付けます
- Click "Save" and then "Publish"
重要: T123ブロックまたはページ別の方法を使用する場合、チャットボットを表示したい各ページにコードを追加する必要があります。サイト全体にインストールするには、ステップ2で説明したサイト設定の方法を使用してください。
ステップ3:インストールの確認
変更を公開した後、新しいブラウザタブまたはシークレットウィンドウでウェブサイトを開いてください。右下にチャットウィジェットボタンが表示されます。クリックして、正しく開いて動作することを確認してください。
ウィジェットが表示されませんか? 変更を公開したことを確認してください(保存しただけではありません)。ブラウザのキャッシュをクリアするか、シークレットウィンドウでサイトを表示してみてください。Tildaの変更がライブサイトに反映されるまで少し時間がかかる場合があります。
Weebly