知識庫

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

作者:HubSpot Support | Nov 21, 2022 11:56:22 AM

如果您在外部页面上嵌入的 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

有些 Squarespace 模板仅在初始页面加载时呈现脚本,而不会在其他页面上呈现脚本。这可能会导致 HubSpot 表单无法在某些页面上正常运行,因为表单脚本无法在访问者浏览网站时加载。

为防止出现这种情况,请尝试在 Squarespace 中禁用 Ajax 加载。如果无效,也可以尝试使用不同的 Squarespace 模板。

特定浏览器的问题

如果您使用 Ghostery 等资源屏蔽浏览器扩展,您的 HubSpot 表单可能会被阻止加载和显示。了解更多有关 HubSpot 表单被阻止时会发生什么的信息。