この記事では、ユーザーがWebサイトまたはテーマを開いたときと、そのタイムゾーンに基づいて異なるWeb Widgetを読み込むスクリプトを作成します。

このアプローチは、複数の国で事業を展開し、メッセージングを使用している企業にとって有益です。複数のブランド、ウィジェット、フロー、およびスケジュールを設定しなくても、営業時間外にチケットが送信されるのを防ぐことができます。ワークフローには、以下のステップが含まれます。

  • ステップ1：2つのブランドを作成
  • ステップ2：2つのWeb Widgetを作成する
  • ステップ3：オプション：Web Widgetにリンクされたボットを作成する
  • ステップ4：スクリプトを実装する
  • ステップ5：スクリプトのカスタマイズ
免責事項：この記事は説明のみを目的として提供されています。Zendeskでは、カスタムコードのサポートや保証はいたしません。何か問題があった場合はコメントセクションに投稿するか、インターネットで解決策を探してみてください。

ステップ1：2つのブランドを作成する

2つのブランドを作成します。

  • 1つのブランドでオフライン時間に対応
  • オンライン時間用の別のブランド

ステップ2：2つのWeb Widgetを作成する

作成したブランドごとに1つずつ、2つのWeb Widgetを作成します。
channel.pngを追加

ステップ3：オプションで、Web Widgetにリンクされたボットを作成する

各Web Widgetについて、次の詳細に従います。

  • Offline Web Widget：Web Widgetにリンクされたボットを作成する場合は、フローが「エージェントへ転送」ステップで終了しないようにし、セルフサービス機能とAIを使用する
  • オンラインWeb Widget2番目のWeb Widgetにリンクされたボットを作成した場合、そのフローは「エージェントへ転送」ステップで終了し、セルフサービス機能とAIを使用できます。

ステップ4：スクリプトを実装する

このスクリプトをテーマまたはWebサイトのソースコードに追加します。ヘッダーファイルの</header>タグの前に配置します。

<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：スクリプトをカスタマイズする

  1. スクリプトで、YOUR_OWN_WIDGET_SCRIPTを「インストール」タブのウィジェットのソースコードに置き換えます。

    メモ：スクリプトを一重引用符'で囲んで、スクリプトの終了タグをエスケープします。以下に例を示します。
     

    '<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=WIDGET_KEY"><\/script>'
  2. 営業時間に合わせてスクリプトのconst startShiftとconst finishShiftを更新して、営業時間を調整します

翻訳に関する免責事項：この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。

翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。

Powered by Zendesk