聊天小工具未出現在網站頁面上

設定即時聊天或機器人時，你可能會發現聊天小工具並未如預期顯示在網站頁面上。 您可能已指定特定頁面或聯絡人，但聊天小工具並未顯示在正確的頁面或正確的聯絡人身上。 你可以查看幾項設定，以協助解決問題。

1.確認已安裝追蹤程式碼

如果您要將聊天流程新增至HubSpot外部託管的網站，則需要在頁面上安裝HubSpot追蹤程式碼。 您可以在設定中存取追蹤程式碼：

請注意：如果您的網站已安裝HubSpot追蹤程式碼，或者您的網站託管在HubSpot上，則無需單獨安裝此程式碼片段。

• 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
• 在左側邊欄選單中，前往「追蹤與分析」>「追蹤程式碼」。 
• 若要複製代碼並將其新增至您的網站，請按一下「複製」。 或按一下「傳送電子郵件給我的網頁開發人員」，然後輸入電子郵件地址，將程式碼傳送給您的網頁開發人員或IT資源。

2.開啟聊天流程

您還應確認對談流程已開啟：

• 在停用的聊天流程旁邊的「狀態」欄中，按一下以切換狀態開關。

3.清除瀏覽器快取

如果啟用後網站上沒有顯示聊天流程，請嘗試在無痕瀏覽器視窗中載入網站。 如果聊天流程出現在無痕模式中，請清除瀏覽器快取和Cookie ，以便在非無痕模式瀏覽器視窗中查看聊天流程。

4.查看你的定位規則

建立聊天流程時，您可以在目標設定中指定聊天小工具應顯示在哪些頁面上。 您也可以根據訪客的已知資訊來設定目標。 在聊天流程的「目標」索引標籤上查看您的目標規則，以確保標準與您在網站頁面上看到的內容相符。

指定正確的網域和子網域

首先，請確認您預期會看到聊天流程的頁面已包含在您的目標規則中。 如果你希望聊天流程顯示在特定網域的頁面上，請務必輸入正確的網域。 例如，如果您的目標規則是網站|包含| www.coffeeshop.com ，聊天流程將顯示在www子網域上託管的任何頁面上，包括www.coffeeshop.com、www.coffeshop.com/contact和www.coffeeshop.com/pricing。

不過，除非你將網誌子網域新增 至定位規則，否則聊天流程不會出現在blog.coffeeshop.com上。

或者，您可以在目標規則中指定根網域。 在此範例中，如果您使用目標規則Website | contains | coffeeshop.com ，聊天流程將顯示在具有此根網域的任何頁面上。

查看排除規則

如果聊天流程未如預期顯示，請確保排除規則中未包含頁面網址。 前往您的聊天流程，然後在「目標」分頁上，根據需要查看並刪除任何排除規則。

驗證訪客資訊和行為

如果您是根據訪客資訊和行為設定對話流程，請確保客服案件符合目標標準。 舉例來說，如果您的聊天流程只會顯示在點擊您網站上特定行動呼籲的客服案件，請前往客服案件記錄，並篩選該客服案件的行動呼籲活動。 如果客服案件尚未點擊所選的行動呼籲，則不會看到對話流程。

如果他們確實點擊了行動呼籲，請查看本指南中的其他疑難排解步驟，或進一步了解追蹤Cookie如何影響聊天流程的顯示。

單頁應用程式

如果您的網站是單頁應用程式或SPA ，由於SPA的網站內容會在您瀏覽其他頁面時動態更新，而不是重新載入，因此您的定位規則可能無法正常運作。 因此， HubSpot無法偵測到新頁面網址，這可能會導致錯誤的聊天流程出現在頁面上，或根本不會出現。 如果您在單頁應用程式上使用即時聊天或機器人，建議您與開發人員合作，使用聊天小工具SDK定位頁面。 使用.widget-refresh方法在不同頁面上指定不同的聊天流程。 詳情請參閱HubSpot開發人員文件。

5.查看即時對話的可訂狀況設定

如果你的聊天流程仍未顯示在頁面上，請檢查聊天頻道的可訂狀態設定。 你可以編輯可供預訂狀況設定，控制何時隱藏即時通訊小工具，包括沒有團隊成員上線或非營業時間：

• 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
• 在左側邊欄選單中，前往「收件匣」>「收件匣」。
• 將遊標暫留於聊天頻道，然後按一下「編輯」。
• 點擊「可訂狀態」分頁。選擇一個選項：
  • 根據用戶的可用性：如果在您的指派規則中至少有一個團隊成員可供使用，訪客可以與您的團隊聊天。
  • 根據對談營業時間：設定您的團隊何時可以進行對談，並讓訪客知道他們何時可以收到回覆。 
    
    • 使用下拉式選單設定團隊的營業時間。 按一下「+新增營業時間」，即可新增其他日期和時間範圍。
    • 24小時全天候對談：如果您的團隊隨時可進行對談，請勾選此核取方塊。 

• 設定聊天機器人的可訂狀態，並讓訪客知道他們何時可以收到回覆。選擇一個選項：
  
  • 若要在團隊可供預訂時設定訪客體驗，請點擊「可供預訂」分頁。 點擊「顯示一般回覆時間」下拉式選單，讓訪客知道他們何時可以收到回覆。
  • 若要在團隊上班時間外出時設定訪客體驗，請按一下「外出」分頁。 單擊顯示離開消息下拉菜單，然後選擇離開模式小部件行為。
  • 若要在團隊無法提供服務時設定訪客體驗，請點擊「設定離線行為分頁」 下拉式選單，然後選擇在訪客非營業時間造訪您的網站時顯示返回時間、顯示離開訊息或隱藏聊天啟動器。
  • 若要在團隊成員人數達到上限時設定訪客體驗(僅限Service Hub Enterprise) ，請按一下「如果所有團隊成員人數達到上限，」下拉式選單，然後選擇顯示等候訊息、隱藏聊天啟動器或什麼都不做。 深入瞭解如何為使用者設定聊天容量限制。 

• 按一下儲存。

如果你使用的聊天流程包含智能小助手，而你並未自訂智能小助手的供應情況偏好設定，系統仍可能會顯示聊天流程。 瞭解如何根據團隊的可訂狀態編輯聊天流程的顯示時間。

6.檢查聊天流程的優先順序

當頁面上出現多個聊天流程時，你可以決定訪客造訪你的網站時，哪一個HubSpot應該優先處理。 如果預期的對話流程未出現，請檢查對話流程與頁面上其他對話流程相比的優先順序。

7.出現意外的聊天流程

如果訪客在你的其中一個頁面上建立了對話串，然後瀏覽到另一個會顯示不同聊天流程的頁面，對話將繼續在原始對話串中進行。 因此，其他聊天流程將不會出現。例如：

• 聊天流程A應該出現在www.coffeeshop.com上。
• 聊天流程B應該出現在blog.coffeeshop.com上。
• 訪客使用Chatflow A進行即時對話，然後瀏覽至blog.coffeeshop.com。
• 對話流程B不會出現，訪客可以繼續使用對話流程A開始的對話串。

8.追蹤Cookie

如果在完成上述步驟後，符合目標條件的客服案件仍未顯示即時通訊小工具，這很可能是因為追蹤Cookie所致。 為了讓訪客看到您的聊天小工具，必須在您的聯絡人資料庫中將追蹤Cookie與訪客的聯絡人記錄相關聯。 如果客服案件記錄沒有追蹤Cookie ，則您的聊天小工具不會出現在與客服案件記錄關聯的訪客身上。

訪客如何取得追蹤Cookie ？

在成為聯絡人之前，系統會使用追蹤Cookie對訪客進行匿名追蹤。 然後， HubSpot可以透過兩種方式將追蹤Cookie上的網站活動與其聯絡人記錄相關聯：

1. 訪客填寫HubSpot表單。
2. 訪客點擊HubSpot行銷電子郵件，將他們導向HubSpot頁面或安裝了HubSpot追蹤代碼的非HubSpot頁面。

此外，您可以使用追蹤程式碼API來追蹤網站的訪客。

在訪客執行上述其中一個轉換之前， HubSpot不知道訪客是誰，也不知道訪客的聯絡人記錄屬於哪個清單。 因此，如果您的客服案件尚未轉換，即使對方是您資料庫中的客服案件或目標清單中的成員，他們也不會看到您的聊天小工具。

請注意：即使訪問者已執行上述兩個操作之一以獲取追蹤Cookie ，如果訪問者此後刪除了瀏覽器Cookie或通過其他瀏覽器、無痕視窗或移動設備訪問了您的網站，則無法偵測到他們的追蹤Cookie ，您的聊天小部件也不會為他們顯示。

為什麼我的客服案件沒有追蹤Cookie ？

以下是無需轉換表單或點擊行銷電子郵件連結即可在資料庫中存在聯絡人的幾種常見方式：

• 聯絡人已匯入。
• 聯絡人是手動新增的。
• 聯絡人是根據記錄的銷售電子郵件建立的。

使用追蹤Cookie追蹤資料庫中的客服案件後， HubSpot會將其視為已知客服案件。 如果對方符合你的受眾標準，當他們造訪你的網站時，即時通訊小工具就會顯示出來。

請注意：在某些情況下，某些彈出式視窗封鎖程式可能會阻止載入聊天小工具。 如果您關閉瀏覽器中安裝的任何彈出式視窗攔截器，並出現聊天小工具，那麼該擴充功能很可能會導致無法按預期載入聊天小工具。