この記事では、ユーザーがWebサイトまたはテーマを開いた時刻とタイムゾーンに基づいて、異なるWeb Widgetを読み込むスクリプトを作成します。
このアプローチは、複数の国で事業を展開し、メッセージングを使用している企業にとって有益です。複数のブランド、ウィジェット、フロー、スケジュールを設定しなくても、営業時間外にユーザーがチケットを作成できないように制限できます。このワークフローには以下のステップが含まれます。
- ステップ1:2つのブランドを作成
- ステップ2:2つのウィジェットを作成
- ステップ3:オプション:Web Widgetにリンクされたボットを作成する
- ステップ4:スクリプトを実装する
- ステップ5:スクリプトのカスタマイズ
免責事項:この記事は説明のみを目的として提供されています。Zendeskでは、カスタムレポートのサポートや保証はいたしません。何か問題があった場合はコメント欄に投稿するか、インターネットで解決策を探してみてください。
ステップ1:2つのブランドを作成する
この方法で、次の2つのブランドを作成します。
- 1つのブランドでオフライン時間に対応
- オンライン時間用の別のブランド
ステップ2:2つのWeb Widgetを作成する
次に、作成したブランドごとに1つずつ、2つのWeb Widgetを作成します。
ステップ3:オプションで、Web Widgetにリンクされたボットを作成する
各Web Widgetについて、次の詳細に従います。
- Offline Web Widget:Web Widgetにリンクされたボットを作成する場合は、「エージェントへの転送」ステップでフローが終了しないようにし、セルフサービス機能とAIを使用する
- オンラインWeb Widget2番目のWeb Widgetにリンクされたボットを作成した場合、そのフローは「エージェントへ転送」ステップで終了し、セルフ サービス機能とAIを使用することもできます。
ステップ4:スクリプトを実装する
この機能を実装するには、次のスクリプトをテーマまたはWebサイトのソースコードに追加します。次のスクリプトをヘッダーファイルのclose タグの前に配置します。
<script>
// Get the user's time zone
const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
// Get the current date and time in the user's time zone
const currentDateTime = new Date();
const currentHour = currentDateTime.getHours();
const currentDay = currentDateTime.getDay(); // 0 = Sunday, 1 = Monday, ..., 6 = Saturday
// Save the script of the widget to load
let widgetScript;
// Set the times when your agents start and finish their shift
const startShift = 9;
const finishShift = 17;
// Check if the current day is a weekday and if the current hour is within business hours
if (currentDay >= 1 && currentDay <= 5 && currentHour >= startShift && currentHour < finishShift) {
widgetScript = 'YOUR_OWN_WIDGET_SCRIPT'; // Online widget script
} else {
widgetScript = 'YOUR_OFFLINE_WIDGET_SCRIPT'; // Offline widget script
}
document.write(widgetScript);
</script>
ステップ5:スクリプトをカスタマイズする
-
スクリプトで
YOUR_OWN_WIDGET_SCRIPT
を「インストール」タブのウィジェットの実際のソースコードに置き換えます。
メモ:スクリプトは、一重引用符'
で囲んで追加し、終了スクリプトタグは削除する必要があります。以下に例を示します。
'<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=WIDGET_KEY"><\/script>'
- 営業時間に合わせてスクリプトの
const startShift
とconst finishShift
の値を変更することで、営業時間を調整します。
翻訳に関する免責事項:この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。
翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。
0件のコメント