排除外部內嵌 HubSpot 表單的故障

如果您嵌入外部頁面上 的HubSpot 表單無法運作或無法正確顯示，請瞭解最常見的表單嵌入問題以及如何排除故障。

確認 HubSpot 追蹤代碼

要在外部網站使用 HubSpot 表單，您必須在放置表單的外部頁面上安裝HubSpot 追蹤代碼。

要確認HubSpot追蹤代碼已經安裝並正確地在頁面上啟動，請學習如何排除HubSpot追蹤代碼的問題。

確認表單嵌入代碼

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 將滑鼠移至表單，然後按一下「編輯」。
• 如果您使用的是更新的表單編輯器：
  • 在表單編輯器的右上方，按一下分享。
  • 在彈出視窗中，選擇取得嵌入程式碼。
  • 按一下複製。

• 如果您使用的是傳統的表單編輯器：
  • 在表單編輯器的右上方，按一下「內嵌」。
  • 在對話方塊中，按一下複製。
    

• 在瀏覽器中，導覽到文字比較工具Diff Checker。
• 在原始文字 部分，貼上表格嵌入程式碼。

• 導覽到嵌入表單的網站頁面。然後用滑鼠右鍵按一下頁面上的任何地方，並選擇檢視頁面來源。
• 在頁面來源中找到表單嵌入程式碼，並複製它。
• 導覽回 Diff 檢查器。
• 在「已變更文字」區段中，貼上外部內嵌的程式碼。
• 按一下「尋找差異」以尋找遺失或損壞的代碼。如果嵌入程式碼相同，則會顯示The two files are identical (兩個檔案完全相同) 的訊息。否則，任何差異都會以紅色和綠色突出顯示。

如果外部嵌入的代碼與 HubSpot 代碼不一致，請在外部頁面上重新嵌入正確的代碼 。

如果外部嵌入的代碼與 HubSpot 代碼相符，您外部頁面上的 HTML 或 JavaScript 中的某些內容可能干擾了表單的嵌入代碼。您應該與您的開發人員合作，進一步排除故障。

新增網站網域

在 HubSpot 中添加表單嵌入的外部頁面的域作為額外的網站域。未添加的頁面的表單提交將被標記為垃圾郵件。

特定主機的嵌入問題

如果您使用的是 WordPress、Squarespace 或 Wix，您可以在以下各網站主機中繼續針對下列問題進行疑難排解。

WordPress

如果您的表單內嵌在 WordPress 頁面上，您可能會遇到下列問題：

• WordPress 可能會將內嵌表單代碼中的 '&「 轉換為 」&'，這會破壞代碼的功能。
• XHTML WordPress 主題會在 JavaScript 周圍加入 <![CDATA[ ]]> 標籤，這應該不會影響表單的呈現，但在檢查表單嵌入程式碼時要注意這一點。

如果 WordPress 改變了嵌入程式碼，建議使用Insert HTML Snippet等第三方外掛，將表單以簡碼的形式加入頁面或文章中，以保留腳本標籤。

廣場空間

某些 Squarespace 模板僅在初始頁面載入時渲染腳本，而不會在任何其他頁面上渲染腳本。這可能會導致 HubSpot 表單無法在某些頁面上正常工作，因為訪客瀏覽您的網站時，表單腳本不會被載入。

為了防止這種情況發生，請嘗試在 Squarespace 中禁用 Ajax 載入。如果不起作用，您也可以嘗試使用不同的 Squarespace 模板。

特定瀏覽器的問題

如果您使用 Ghostery 等阻擋資源的瀏覽器擴充套件，您的 HubSpot 表單可能會被阻擋載入和顯示。進一步了解 當您的 HubSpot 表單被阻擋時會發生什麼。