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

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

1.確定已安裝追蹤代碼

如果您要向從HubSpot外部託管的網站添加聊天流，則需要在頁面上安裝HubSpot跟蹤代碼。 你可以在設定中存取追蹤代碼：

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

• 了解更多
• 在左側邊欄選單中，前往「收件箱」>「收件箱」。
• 將遊標停留在即時聊天頻道上，然後按一下「編輯」。
• 按一下追蹤代碼標籤。
• 若要複製代碼並將其新增至網站，請按一下「複製」。 或者輸入電子郵件地址，將代碼發送到您的Web開發人員或IT資源。

2.打開聊天流

您還應該確認聊天流已開啟：

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

3.清除您的瀏覽器緩存

如果開啟聊天流後，您的網站上沒有顯示聊天流，請嘗試在隱身瀏覽器視窗中載入您的網站。 如果聊天流以無痕方式顯示，請清除您的瀏覽器緩存和Cookie ，以便在非無痕瀏覽器視窗中查看聊天流。

4.檢閱你的目標規則

建立聊天流程時，您可以指定聊天小工具應顯示在目標設定中的哪些頁面上。 您還可以根據訪客的已知信息進行定位。 在聊天流的「目標」分頁上檢閱您的目標規則，以確保這些準則符合您期望在網站頁面上看到的內容。

指定正確的域和子域

首先，請確認您期望看到聊天流的頁面是否包含在目標定位規則中。 如果您希望聊天流出現在特定網域的網頁上，請確保輸入正確的網域。 例如，如果您的目標定位規則是「網站|包含| www.coffeeshop.com」，則聊天流將出現在WWW子網域上託管的任何網頁上，包括www.coffeeshop.com、www.coffeshop.com/contact和www.coffeeshop.com/pricing。

但是，聊天流不會出現在blog.coffeeshop.com上，除非您將博客子域添加到目標規則中。

或者，您可以在目標規則中指定根網域。 在此範例中，如果您使用目標規則網站|包含| coffeeshop.com ，則聊天流將出現在具有此根網域的任何網頁上。

檢查排除規則

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

驗證訪客資訊和行為

如果您是根據訪客信息和行為來定位聊天流量，請確保該聯絡人符合目標標標準。 例如，如果您的聊天流只顯示給在您網站上點擊特定CTA的聯絡人，請瀏覽聯絡人記錄並過濾該聯絡人的CTA活動。 如果聯絡人沒有點擊所選的CTA ，他們將不會看到聊天流。

如果他們確實點擊了CTA ，請查看本指南中的其他疑難排解步驟，或進一步了解跟蹤Cookie如何影響聊天流是否出現。

單頁應用程式

如果您的網站是單頁應用程序或SPA ，則您的目標定位規則可能無法如預期般運作，因為當您導航到其他頁面時， SPA的網站內容會動態更新，而不是重新加載。 因此， HubSpot無法檢測到新的頁面URL ，這可能會導致錯誤的聊天流出現在頁面上，或者根本沒有出現。 如果您在單頁應用程式上使用即時聊天或機器人，建議您與開發人員合作，使用聊天小工具SDK來定位您的頁面。 使用.widget-refresh方法在不同頁面上指定不同的聊天流。 了解更多關於HubSpot的開發人員文檔。

5.查看聊天可用性設定

如果您的聊天流仍未顯示在您的網頁上，請檢查您的聊天頻道的可用性設定。 您可以編輯可訂狀態設定，以控制何時隱藏聊天小工具，包括沒有團隊成員上線或營業時間以外的時間：

• 了解更多
• 在左側邊欄選單中，前往「收件箱」>「收件箱」。
• 將遊標停留在聊天頻道上，然後按一下「編輯」。
• 按一下「可訂狀態」分頁。
  • 根據團隊成員狀態：如果你的預訂狀態是根據團隊成員狀態，請點擊「離開」分頁，並檢查你是否選擇了「隱藏聊天啟動程式」。 如果你想顯示離開訊息，請按一下下拉式選單，然後選擇顯示離開訊息。
  • 根據營業時間：如果你的團隊只在設定的營業時間內提供服務，請點擊「離開」分頁和/或「外部營業時間」分頁，並檢查你是否選擇了「隱藏聊天啟動程式」。 如果有，請按一下下拉式選單，然後選擇其他選項。

• 進行任何變更後，按一下儲存 。

如果您使用的聊天流包含機器人，如果您尚未自訂機器人的可用性偏好設定，聊天流可能仍會出現。 了解如何根據團隊的可訂狀態編輯聊天流何時顯示。

6.查看聊天流的優先次序

當您在一個頁面上出現多個聊天流時，您可以決定訪客訪問您的網站時哪一個HubSpot應該優先處理。 如果未顯示預期的聊天流，請檢查聊天流與頁面上其他聊天流相比的優先級。

7.出乎意料的聊天流

如果訪問者在你的某個頁面上開始了一個線程，然後導航到另一個頁面，在那裡應該出現不同的聊天流，對話將繼續在原始線程。 因此，其他聊天流將不會出現。例如：

• Chatflow A應該出現在www.coffeeshop.com上。
• Chatflow B應該出現在blog.coffeeshop.com上。
• 一位訪客開始與Chatflow A聊天，然後瀏覽到blog.coffeeshop.com。
• Chatflow B不會出現，訪客可以繼續他們從Chatflow A開始的線程。

8.追蹤Cookie

如果在遵循上述步驟之後，您的聊天小工具仍未顯示符合您目標標標準的聯絡人，這很可能是由於追蹤Cookie。 若要讓您的聊天小工具為訪客顯示，追蹤Cookie必須與訪客的聯絡資料庫中的聯絡紀錄相關聯。 如果聯絡紀錄沒有追蹤Cookie ，則您的聊天小工具不會出現在與聯絡紀錄相關的訪客身上。

訪客如何獲得追蹤Cookie ？

訪客在成為聯繫人之前會使用跟蹤cookie匿名跟蹤。 然後， HubSpot可以通過兩種方式將其在跟蹤cookie上的網站活動與其聯繫記錄相關聯：

1. 訪客填寫HubSpot表格。
2. 訪客點擊HubSpot Marketing電子郵件，導致他們進入HubSpot頁面或安裝了HubSpot跟蹤代碼的非HubSpot頁面。

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

在訪問者執行上述轉換之前， HubSpot不知道訪問者是誰或訪問者的聯繫記錄是其中的一部分。 因此，如果您有一個尚未轉換的聯絡人，即使他們是您數據庫中的聯絡人或您目標清單的成員，他們也不會看到您的聊天小工具。

請注意：即使訪問者已完成上述兩項操作之一以獲得追蹤Cookie ，但如果訪問者已刪除瀏覽器Cookie或以其他瀏覽器、隱身窗口或移動設備訪問您的網站，則無法檢測其追蹤Cookie ，並且您的聊天小工具不會為他們顯示。

為什麼我的聯絡人沒有追蹤Cookie ？

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

• 聯絡人已匯入。
• 已手動添加聯系人。
• 此聯絡人是透過記錄的銷售電子郵件建立的。

一旦使用追蹤Cookie追蹤資料庫中的聯絡人， HubSpot就會將他們視為已知聯絡人。 如果他們符合您的受眾標準，您的聊天小工具將在他們訪問您的網站時為他們顯示。

請注意：在某些情況下，某些彈出窗口阻止程式可能會阻止聊天小工具加載。 如果您關閉瀏覽器中安裝的任何彈出窗口阻止程式，並且出現聊天小工具，則該擴展程序很可能會阻止聊天小工具按預期加載。