Fin Messengerからのハンドオフの一つの方法はJavaScriptによるハンドオフです。これにより、Fin Messengerをホストしているページで任意のJavaScriptコードを実行できます。これを使って、顧客がチームメイトと話すために使用しているライブチャットウィジェットを開くことができます。
例：LiveChat
intercomSettingsを設定するJSコード内で、次のようなhandoff_with_javascript関数を用意します。
<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
LiveChatWidget.init();
LiveChatWidget.call("maximize", { messageDraft: "I need help!" });
}
}
</script>
ページ読み込み時にLiveChatウィジェットが開かないように、LiveChatコードを次のように修正してください。
window.__lc.asyncInit = true;
他のwindow.__lc属性を設定している場所にこれを追加してください。
例：Freshdesk
intercomSettingsを設定するJSコード内で、次のようなhandoff_with_javascript関数を用意します。
<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
FreshworksWidget('show', 'launcher');
FreshworksWidget('open');
}
}
</script>
元のFreshworksウィジェットコードの最後にFreshworksWidget('hide', 'launcher');を追加し、ページ読み込み時にFreshdeskウィジェットランチャーが表示されないようにします。
例：Freshchat
intercomSettingsを設定するJSコード内で、次のようなhandoff_with_javascript関数を用意します。
<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
window.fcWidget.open({
replyText: "I need help!"
});
}
}
</script>
fcWidgetMessengerConfigを設定するJSコード内で、ウィジェットがページ読み込み時に表示されないようにhideChatButton属性をtrueに設定します。ページにすでにfcWidgetMessengerConfigがない場合は、以下のコード全体を追加してください。
<script>
window.fcWidgetMessengerConfig = {
config: {
headerProperty: {
hideChatButton: true
}
}
};
</script>
例：HubSpot
intercomSettingsを設定するJSコード内で、次のようなhandoff_with_javascript関数を用意します。
<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
window.HubSpotConversations.widget.load({ widgetOpen: true });
}
}
</script>
ページ読み込み時にHubSpotウィジェットが開かないように、hsConversationsSettingsコードを修正してloadImmediately属性をfalseに設定します。ページにすでにhsConversationsSettingsがない場合は、以下のコード全体を追加してください。
<script>
window.hsConversationsSettings = {
loadImmediately: false
}
</script