英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
カテゴリ: チャット
この統合はWebプロジェクトのみで利用可能です
期待すること
この統合は、チャットボットの使用開始と終了を示す動的変数をキャプチャし、Adaの「チャッター情報」へのセッションリプレイリンクを提供します。チャットは、挨拶イベントが発生したときのみ「開始」と見なされ(チャットウィンドウが開いているときではなく)、ユーザーがチャットボットにチャットが終了したことを伝え、「チャットを終了」ボタンをクリックしたときのみ「終了」と見なされます(アクティブなチャットウィンドウを閉じるときではなく、その場合は会話のステータスが保持されます)。
収集するもの
動的変数
キー | 値 | データ型 |
CH_AD_Chat Started | true | テキスト |
CH_AD_Chat Ended | true | テキスト |
送信するもの
セッションリプレイ
リプレイ機能を適切に利用するには、100%の収集率またはETR(イベントトリガーリプレイ)が必要です。この件については、CSMに相談してください。
URLの例: https://app.contentsquare.com/quick-playback/index.html?pid=3771&uu=cc912cdb-ee03-a739-a659-ad2a5b1f08bb&sn=12&pvid=1&recordingType=cs&vd=ad
実装
実装手順
ステップ1 - レイジーロードの有効化とContentsquareコードのAdaタグへの追加
統合を有効にするには、Adaタグの実装を変更してレイジーローディング機能を利用する必要があります。
- あなたの<HEAD>セクションのAdaタグに「data-lazy」属性が含まれていない場合-
次のタグに置き換えてください-
<script id="__ada" data-lazy="true" src="https://static.ada.support/embed2.js"></script>
- レイジーロードを有効にした後、Adaチャットは手動でチャットボットを開始する必要があります。このスクリプトをあなたの<BODY>セクションの下部に追加し、「account_handle」をあなたのAdaハンドルに置き換えてください-
<script>
window.adaSettings = {
handle: "account_handle",
eventCallbacks: {
chat_started: function (event) {
var evt;
if (typeof window.Event === "function") {
evt = new window.Event("Contentsquare_ADA_Integration_ChatStarted");
} else {
evt = document.createEvent("Event");
evt.initEvent("Contentsquare_ADA_Integration_ChatStarted", true, true);
}
window.dispatchEvent(evt);
},
},
};
window.adaEmbed.start(window.adaSettings);
</script>
あなたのアカウントハンドルは、Adaダッシュボードの左上隅にあります-
- デプロイ後、あなたのAdaチャットボットがまだ動作していることをテストして確認してください。
ステップ2 - 「チャット開始」インジケーターの設定
あなたのAdaダッシュボードでBuild->Answersに移動し、"Fire Event"ボックスを"Greeting"フローに追加します。イベントの名前を"chat_started"のように付けてください-
ステップ3
統合をリクエストする方法のセクションに移動して、この統合を有効にするための指示を確認してください。完了したら、ここに戻ることができます。
上記のステップをすでに完了している場合は、以下を続けてください。
動作確認
Chrome拡張機能を使用して、結果がCSに送信されているか確認できます。