ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

Leadpagesランディングページ向けのステップバイステップガイド

埋め込みコードの取得

ステップ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:アナリティクストラッキングコードの使用

Leadpagesでは、分析セクションを通じてトラッキングスクリプトを追加できます:

  1. エディターでLeadpagesページを開きます
  2. 「ページ設定」(歯車アイコン)をクリックしてください
  3. 「アナリティクス」タブに移動してください
  4. Asyntaiの埋め込みコードを「Headセクションのトラッキングコード」エリアに貼り付けてください
  5. 「保存」をクリックしてページを公開してください

ヒント: Head Section Tracking Codeが推奨される配置場所です。チャットボットスクリプトは非同期で読み込まれるため、headセクションに配置してもページの読み込み速度に影響しません。

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

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

ウィジェットが表示されませんか? ページ設定を保存しページを公開したことを確認してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。