Javascript 如何在外部站点中嵌入hubspot表单

大家好，我正在关注hubspot关于如何在外部站点上嵌入表单的文档

根据文档，需要包含javascript

<!--[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>

并创建表单

<script>
  hbspt.forms.create({ 
    portalId: '2089699',
    formId: '287337b2-e8a6-4eaa-b293-bbd3d3622d8a'
  });
</script>

hbspt.forms.create（{
portalId:'2089699'，
表格：“287337b2-e8a6-4eaa-b293-BBD3622D8A”
});

这就是文件的内容。我这么做了，什么也没发生。看来至少我需要告诉hubspot把表格放在哪里，对吗？。。。很奇怪

---

有谁能在这件事上给我指点一下吗？我错过了什么？

好的，回答我自己的问题

需要的是

target

选项来告诉hubspot将表单放在何处：

<script>
hbspt.forms.create({ 
    portalId: '2089699',
    formId: '287337b2-e8a6-4eaa-b293-bbd3d3622d8a',
    target: '#my_form',
});
</script>

hbspt.forms.create（{
portalId:'2089699'，
表格：“287337b2-e8a6-4eaa-b293-BBD3622D8A”，
目标：“#我的表格”，
});

我针对类似任务的解决方案是在DOM ready上创建hubspot表单

<script>
document.addEventListener("DOMContentLoaded", function() {
  hbspt.forms.create({
    css: '',
    target: '#target',
    portalId: 'portal_id',
    formId: 'form_id'
  });
});
</script>

document.addEventListener（“DOMContentLoaded”，function（））{
hbspt.forms.create({
css:“”，
目标：“#目标”，
portalId:'portal_id'，
formId:“表单id”
});
});

很高兴你找到了答案，马丁。值得注意的是，当未指定目标时，表单将在与脚本调用相同的DOM中呈现。可以找到更广泛的表格文档。。。在HubSpot表单用户指南中：。。。在HubSpot的开发者/表单API文档中：。。。以下是一些简短和长篇知识库文章：