新しいWeb Widgetエクスペリエンスの展開に先立つ準備

ヘルプセンターまたはWebサイトでChatウィジェットとWeb Widgetの両方を使用している場合は、ウィジェットが意図したとおりに表示され機能するように、 ChatとSupportの一部の設定を手動で変更する必要があります。

この記事では、2019年8月12日にZendeskのChat機能が新しい統合Web Widgetに移行される前に、すべてのユーザーが行なわければならない更新作業について説明します。

必要な作業手順は、ウィジェットがヘルプセンターに実装されているかWebサイトに実装されているかによって異なります。該当する実装の更新作業については、以下の各リンク先のセクションを参照してください。

ヘルプセンターの実装を更新する
Webサイトの実装を更新する

現在の実装の設定を変更すると、Chatの機能とウィジェットの外観が少し変わります。これらの変更については、「機能の相違点：スタンドアロンChatとWeb WidgetのChat」を参照してください。

ヘルプセンターの実装を更新する

ZendeskヘルプセンターにChatウィジェットとWeb Widgetがインストールされている場合は、新しいWeb Widgetエクスペリエンスの展開に先立ち、次の手順を実行する必要があります。

GuideでChatを無効にする
Zendesk SupportでWeb Widgeを有効にして設定する
Web WidgetをChat専用にする（オプション）

GuideでChatを無効にする

ヘルプセンターでChatウィジェットを表示している場合は、ヘルプセンターから削除する必要があります。これを行うには、Guideの設定でChatウィジェットを無効にする必要があります。

Guideの設定でChatウィジェットを無効にするには

Guideで、サイドバーにある設定アイコン（）をクリックします。
「インテグレーション」までスクロールして、「Chat」項目を表示します。
「Chat」チェックボックスをオフにします。
「設定」ページの上部までスクロールして、「更新」をクリックします。

次に、Zendesk Supportでいくつか設定を行う必要があります。

Zendesk SupportでWeb Widgeを有効にして設定する

ヘルプセンターにWeb Widgetが表示されるようにするには、Zendesk SupportのWeb Widgetの機能を有効にしてから、Chatの統合エクスペリエンスを有効にする必要があります。

ヘルプセンターでWeb Widgetを有効にするには

Zendesk Supportで、サイドバーにある管理アイコン（）をクリックし、「チャネル」>「ウィジェット」の順に選択します。
「設定」をクリックします（選択していない場合）。
「ヘルプセンターに追加」トグルをクリックします。
これにより、Web Widgetがヘルプセンターのヘッダーdocument_head.hbsに追加され、ヘルプセンターのすべてのページにウィジェットが表示されるようになります。

Web WidgetでChatの統合エクスペリエンスを有効にするには

Zendesk Supportで、サイドバーにある管理アイコン（）をクリックし、「チャネル」>「ウィジェット」の順に選択します。
「カスタマイズ」タブをクリックします（選択していない場合）。
「Chatの統合エクスペリエンス」をクリックします。

Web WidgetをChat専用にする（オプション）

Web WidgeにChat機能のみを表示したい場合は、JavaScriptのsuppress APIをウィジェットスニペットの下に追加する必要があります。

Webサイトにsuppress APIを追加するには

Web Widgetを有効にした各ページで、Web Widgetのスニペットを見つけます。

スニペットの下に次のコードを追加します。

 <script type="text/javascript">
    window.zESettings = {
         webWidget: {
            chat: {
              suppress: false
             },
            contactForm: {
              suppress: true
             },
             helpCenter: {
              suppress: true
             },
             talk: {
               suppress: true
              },
              answerBot: {
                suppress: true
              }
           }
         };
</script>

Webサイトの実装を更新する

WebサイトにChatウィジェットとWeb Widgetがインストールされている場合は、新しいWeb Widgetエクスペリエンスの展開に先立って次の手順を実行する必要があります。

Web WidgetでChatを有効にする
WebサイトからChatスニペットを削除する
WordPressまたはShopify用のZendesk Chatプラグインを置き換える

Web WidgetでChatを有効にする

Web WidgetでChatの統合エクスペリエンスを提供するには、Zendesk SupportでChatを有効にする必要があります。

Web WidgetでChatの統合エクスペリエンスを有効にするには

Zendesk Supportで、サイドバーにある管理アイコン（）をクリックし、「チャネル」>「ウィジェット」の順に選択します。
「カスタマイズ」タブをクリックします（選択していない場合）。
「 Chat」トグルをクリックして、Web WidgeでChat機能を有効にします。
「Chatの統合エクスペリエンス」をクリックします。

WebサイトからChatスニペットを削除する

Webサイトのコードが不要なアセットを読み込まないようにするには、Chatスニペット（埋め込みスクリプト）を削除する必要があります。

メモ： Chatスニペットを削除するより前に、Web WidgetスニペットをWebサイトのコードに追加しておく必要があります。

WebサイトのコードからChatスニペットを削除するには

Chatウィジェットを表示している各Webページのソースコードで、次のような埋め込みスクリプトを見つけます。

<!-- Start of DomainName Zendesk Widget script -->  
    <script id="ze-snippet"
    src="https://static.zdassets.com/ekr/snippet.js?key=83775dab-6ee6-4fd7-85c0-39eb5ec114fe">
    </script> 
<!-- End of DomainName Zendesk Widget script -->

埋め込みスクリプトを削除します。
ページを保存して更新します。

WordPressまたはShopify用のZendesk Chatプラグインを置き換える

WordPress用またはShopify用のZendesk Chatプラグインを使用している場合は、それらをZendesk Supportバージョンに置き換える必要があります。

Zendesk Support for WordPressプラグインの使用方法については、「WordPress：Zendesk Support for WordPressプラグインの設定と使用」を参照してください。

ShopifyプラグインのZendeskサポートの使用方法については、「Shopify：Zendesk Support for Shopifyインテグレーションの設定」を参照してください。