Zendesk Chatウィジェットは、部門ドロップダウンメニューの非表示など、さまざまな要件に合わせてカスタマイズできます。この記事では、役立つ他のユースケースについて説明します。
この記事で説明するユースケースは次のとおりです。
スクリプトスニペットをカスタマイズするウィジェットを、WebサイトまたはヘルプセンターのZendesk Chatウィジェットスニペットのすぐ下に必ず追加します。
ウィジェットがWebサイトのどこにあるか分からない場合は、Webサイトの開発者にお問い合わせください。ヘルプセンターについては、ヘルプセンターでのZendesk Chatウィジェットの確認(Zendesk Guide)を参照してください。
ユースケース1:エージェントがオフラインのときにウィジェットを非表示にする
ウィジェットの動作
- ウィジェットがオンの場合 --> 最初にAIエージェント部門にチャットをルーティングします。
- エージェントがオフラインの場合 --> ウィジェットを非表示にします。
<script>
window.zESettings = {
webWidget: {
chat: {
departments: {
select:'BOT_DEPARTMENT',
enabled: ['']
}
}
}
};
zE('webWidget:on', 'chat:connected', function() {
var ChatDepartment = zE('webWidget:get', 'chat:department', 'SUPPORTDEPARTMENT');
if (ChatDepartment.status == "online") {
zE('webWidget', 'show');
} else {
zE('webWidget', 'hide');
}
});
</script>
ユースケース2:URLに基づくユーザーのルーティング
このスクリプトスニペットは、ロケールに基づいてユーザーを異なるAIエージェントまたは部門にルーティングする場合に適しています。たとえば、ドイツのユーザーはDE AIエージェントに、フランスのユーザーはFR AIエージェントにルーティングされます。
この機能を使用するには、Zendeskで次の2つの設定を行う必要があります。
- プリチャットフォームをオフにします。
- 「Zendesk Chat」 > 「設定」 > 「トリガ」で、次の例のようなトリガを設定します。

ウィジェットの動作
- ユーザーがウィジェットをクリックしてもプリチャットフォームを表示しません。
- URLがユーザーロケールを反映するように再認証します。
<script type="text/javascript">
zE('webWidget', 'chat:reauthenticate');
</script>
詳細については、Zendeskの次の2つの優れた記事をご覧ください。