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

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

プラットフォーム:

ステップ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：HTML/CSS設定の使用

Instapageには、カスタムスクリプトを追加するための組み込みのHTML/CSSエディターがあります：

エディターでInstapageランディングページを開きます
エディターツールバーの「設定」をクリックしてください
「HTML/CSS」セクションに移動してください
Asyntaiの埋め込みコードを「Head」セクションに貼り付けます
「保存」をクリックしてページを再公開してください

ヒント: InstapageはHTML/CSS設定に「Body」セクションも提供しています。どちらの場所でも機能しますが、チャットウィジェットには早期読み込みを確保するためHeadセクションが推奨されます。

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

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

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

ドキュメント

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

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

ステップ2：HTML/CSS設定の使用

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