ChatとWeb Widgetのパフォーマンスの最適化

connectOnPageLoad JavaScript APIを使用して、訪問者がWeb Widgetを操作するまでChat接続を延期できます。

この設定を使用すると、特定のページのすべての機能を活用しながら、Webサイトを微調整してパフォーマンスを向上させることができます。

この記事では、次のトピックについて説明します。

Web WidgetとChatの接続について
connectOnPageLoad設定の影響について
connectOnPageLoadをWebページに追加する

Web WidgetとChatの接続について

デフォルトでは、ウィジェットのスニペットが埋め込まれ、Chatが有効になっているページの場合、Web Widgetはページの読み込み時にChatサービスに接続します。

この接続のタイミングにより、プロアクティブなチャットやコンバージョントラッキングなどの機能が有効になります。ただし、多くの点で、パフォーマンスに悪影響を与える可能性があります。

訪問者のトラフィック量が多い場合、これらの接続はチャット製品のパフォーマンスを低下させ、Webサイトの訪問者を監視する際に顧客の特定をますます難しくさせます。
また、Web Widgetのパフォーマンスにも影響を与えます。ページの読み込み時にChatに接続するということは、Web WidgetがWebページでインタラクティブになる前に、より多くのアセットの配信が必要になることを意味します。このことがWebページ全体のロード速度に影響する場合があります。

connectOnPageLoad設定の影響について

connectOnPageLoad設定を有効にした場合、エンドユーザーのエクスペリエンスに目立った影響はありません。カスタマーがウィジェットを開いたときに、最大で1秒か2秒のわずかな遅延が生じる可能性があります。

ただし、connectOnPageLoadを使用して接続を遅延させる場合、実装前に考慮すべき重要なトレードオフがいくつかあります。

connectOnPageLoad = trueの場合：

Chatの機能には何の影響もありません。Chatの機能は、ページコードにconnectOnPageLoad設定がない場合と同じです。

connectOnPageLoad = falseの場合：

チャットを開始したか、Web Widgetをクリックした訪問者のみを監視できます。
コンバージョンのトラッキング、プロアクティブなトリガ、訪問者のChatサービスとの接続に依存するWeb Widget JS APIなど、Chat機能の一部が影響を受ける可能性があります。

さまざまな構成シナリオでconnectOnPageLoadを使用した場合の影響の詳細については、「ConnectOnPageLoad：一般的なユースケースのためのベストプラクティスの設定」を参照してください。

connectOnPageLoadをWebページに追加する

Web Widgetが埋め込まれたページであれば、connectOnPageLoadを追加できます。次の例に示すように、この設定は各Webページのソースコードに追加されます。

<script type="text/javascript">
 window.zESettings = {
     webWidget: {
        chat: {
            connectOnPageLoad: false        
        }
    }
 };
</script>

設定には、trueまたはfalseの値を割り当てる必要があります。この値が、各ページで訪問者を処理する方法を決定します。

connectOnPageLoad: true：ページが読み込まれたときにChatサービスに接続し、そのWebページのすべての訪問者と対話できるようにします。
connectOnPageLoad: false:ユーザーがウィジェットを操作したときにChatサービスに接続し、現在エージェントとチャットしている訪問者、またはチャットを開始した訪問者に注目できるようにします。

connectOnPageLoadを使用した場合の影響の詳細については、「ConnectOnPageLoad：一般的なユースケースのためのベストプラクティスの設定」を参照してください。

WebサイトにconnectOnPageLoad設定を追加するには

Webページのソースコードで、Chatウィジェットのコードスニペットを見つけます。

ソースコードのウィジェットコードスニペットの上にconnectOnPageLoad設定を追加します。

<script type="text/javascript">
 window.zESettings = {
    webWidget: {
        chat: {
            connectOnPageLoad: false
        }
    }
 };
</script>

ユースケースに応じて、connectOnPageLoadの値をtrueまたはfalseに設定します。
ページを保存して更新します。
ウィジェットが埋め込まれたWebサイトのすべてのページでこれらの手順を繰り返します。