javascript - WordPress - 延迟第三方脚本

Question

我有一个使用高级自定义字段来呈现内容的 WordPress 网站。一个这样的字段允许用户添加第三方表单代码。

最近用户一直在使用 HubSpot 表单，这会影响页面加载时间。

一个这样的例子是下面的代码。

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>

hbspt.forms.create({
    region: "na1",
    portalId: "8142945",
    formId: "xxxx-xxxx-xxxx-xxxx-xxxx"
});
</script>

用户输入它，它会像这样呈现在适当的位置：

有没有一种方法可以让用户复制嵌入代码，然后我可以推迟它，或者至少最后加载它？

我正在考虑只添加延迟，然后将表单创建调用包装在 onload 事件中，但这意味着用户需要正确包装他们过去的所有内容。

有没有人处理过类似的情况？

一种解决方案可能是让他们仅输入表单 ID，然后根据需要添加或删除脚本？

标签： javascriptphpwordpresshubspot