排除外部嵌入 HubSpot 表单的故障

如果您在外部页面上嵌入的 HubSpot 表单无法正常工作或显示不正确，请了解最常见的表单嵌入问题以及如何排除故障。

确认 HubSpot 跟踪代码

要在外部网站上使用 HubSpot 表单，您必须在放置表单的外部页面上安装HubSpot 跟踪代码。

要确认 HubSpot 跟踪代码已安装并在页面上正确启动，请学习如何排除 HubSpot 跟踪代码的故障。

确认表单嵌入代码

• 在 HubSpot 帐户中，导航到营销 > 表单。
• 将鼠标悬停在表单上，点击编辑。
• 如果您使用的是更新后的表单编辑器：
  • 在表单编辑器右上方单击 "共享"。
  • 在弹出窗口中，选择获取嵌入代码。
  • 单击 "复制"。

• 如果您使用的是传统表单编辑器：
  • 在表单编辑器右上方，单击 "嵌入"。
  • 在对话框中单击 "复制"。
    

• 在浏览器中，导航到文本比较工具Diff Checker。
• 在 "原始文本 "部分，粘贴表单嵌入代码。

• 导航到嵌入表单的网站页面。然后，右键单击页面上的任意位置，选择 "查看页面源代码"。
• 在页面源代码中找到表单嵌入代码并复制。
• 返回 Diff 检查器。
• 在 "已更改文本"部分，粘贴外部嵌入代码。
• 单击 "查找差异 "查找丢失或损坏的代码。如果嵌入代码相同，则会显示 "两个文件完全相同"的信息。否则，任何差异都将以红色和绿色高亮显示。

如果外部嵌入代码与 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 表单被阻止时会发生什么的信息。