排除外部內嵌 HubSpot 表單的故障
上次更新時間: 2025年5月6日
如果您嵌入外部頁面上 的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 表單被阻擋時會發生什麼。