ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

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

埋め込みコードの取得

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

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

<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:カスタムコードを使用する(Proプランが必要)

Strikinglyでは、サイト設定からカスタムコードを追加できます。以下の手順に従ってください:

  1. Strikinglyエディターにログインします
  2. 左サイドバーの「設定」をクリックしてください
  3. 下にスクロールして"Show Advanced"をクリックして追加設定を表示してください
  4. 「カスタムコード」を選択してください
  5. "Footer Code"セクションにAsyntai埋め込みコードを貼り付けてください
  6. 「保存」をクリックしてサイトを公開してください

注記: カスタムコード機能は、StrikinglyのProプラン以上で利用可能です。FreeおよびLimitedプランのユーザーは、この機能にアクセスするためにアップグレードが必要です。カスタムコードセクションを表示するには、まず"Show Advanced"オプションをクリックする必要があります。

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

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

ウィジェットが表示されませんか? コードを追加した後、設定を保存しサイトを公開したことを確認してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。Settings > Show Advanced > Custom Codeの"Footer Code"セクションにコードが貼り付けられていることを確認してください。