通常、LiveAgentのチャットボタンは、そのボタンが作成された部門でチャット対応可能なエージェントが少なくとも1人いる場合に、ウェブサイト上に表示されます。対応可能なエージェントがいない場合、ボタンは非表示になるか、お問い合わせフォームを開く「Contact Us」ボタンが表示されます。

このデフォルトの動作は通常は十分ですが、トラフィックの多いウェブサイトでは、エージェントがオンラインの状態でも営業時間外にチャットボタンを非表示にすることが有効な場合があります。例えば、エージェントが部門のステータスを変更できない設定になっている場合や、エージェントがキューからチャットを受け付けたい場合などが該当します。

現時点では営業時間外にチャットボタンを無効にするための使いやすい設定機能はありませんが、ウェブサイト上の簡単なJavaScriptコードを使ってこれを実現する方法をご説明するために、この記事を作成しました。

以下の例では、平日は午前7時〜午後11時（UTC）、週末は午前10時〜午後9時（UTC）の間にONLINEチャットボタンを表示し、それ以外の時間帯には「CONTACT US」ボタンに自動切り替えする方法を示しています。

1. Configuration（設定）->Chat（チャット）->Chat buttons（チャットボタン） でチャットボタンを作成し、必要であれば Configuration（設定）->Contact form（お問い合わせフォーム）->Contact buttons（コンタクトボタン） で**「Contact Us」ボタンを作成して、それぞれの統合コードからIDをコピー**します。

注目すべき箇所はこちらです：

2. 以下のスクリプトをウェブサイトに追加します。詳細は下記の注意事項を参照してください：

<script type="text/javascript">
// week days and times definitions
var workingDays1 = [1,2,3,4,5];
var startHour1 = 7;
var endHour1 = 23;

// weekend days and times definitions
var workingDays2 = [0,6];
var startHour2 = 10;
var endHour2 = 21;

var currentTime = new Date();
var currentHour = currentTime.getUTCHours();
var currentDay = currentTime.getUTCDay();

if ((workingDays1.indexOf(currentDay) != -1 && (currentHour >= startHour1 && currentHour < endHour1)) || (workingDays2.indexOf(currentDay) != -1 && (currentHour >= startHour2 && currentHour < endHour2))) {
    // CHAT BUTTON CODE
    (function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
    'https://SOMETHING.ladesk.com/scripts/track.js',
    function(e){ LiveAgent.createButton('BUTTON_ID', e); });
} else {
    // CONTACT FORM CODE
    (function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
    'https://SOMETHING.ladesk.com/scripts/track.js',
    function(e){ LiveAgent.createButton('FORM_ID', e); });
}
</script>

注意事項：

  • コード内で曜日と時間の範囲を2つ定義できます。
  • 曜日は数字で指定します。日曜日が0、月曜日が1、木曜日が4、というように指定してください。
  • 時間は24時間表記で指定してください。
  • 曜日と時間の定義にはUTC（協定世界時）タイムゾーンを使用してください。
  • チャットボタンを非表示にするだけで他に何も表示したくない場合は、コードの「else」部分をまるごと省略することができます。