尝试在Gatsby中的Hubspot窗体上设置自定义ID

在Gatsby中的Hubspot窗体上设置自定义ID，可以通过以下步骤完成：

首先，确保你已经在Gatsby项目中安装并配置了Hubspot插件。可以使用以下命令安装插件：

npm install gatsby-plugin-hubspot

在Gatsby项目的配置文件（gatsby-config.js）中，添加Hubspot插件的配置。在plugins数组中添加以下代码：

{
  resolve: `gatsby-plugin-hubspot`,
  options: {
    trackingCode: "YOUR_HUBSPOT_TRACKING_CODE",
    respectDNT: true,
    productionOnly: true,
  },
},

确保将"YOUR_HUBSPOT_TRACKING_CODE"替换为你的Hubspot跟踪代码。

在你想要添加Hubspot窗体的页面组件中，使用Hubspot提供的JavaScript API来设置自定义ID。在组件的渲染方法中，添加以下代码：

componentDidMount() {
  if (window && window.hbspt) {
    window.hbspt.forms.create({
      portalId: "YOUR_HUBSPOT_PORTAL_ID",
      formId: "YOUR_HUBSPOT_FORM_ID",
      target: "#YOUR_CUSTOM_ID",
    });
  }
}

确保将"YOUR_HUBSPOT_PORTAL_ID"替换为你的Hubspot门户ID，将"YOUR_HUBSPOT_FORM_ID"替换为你的Hubspot表单ID，将"#YOUR_CUSTOM_ID"替换为你想要设置的自定义ID。