Попытка установить пользовательский идентификатор в форме Hubspot в Гэтсби - PullRequest
Новая
       21

Попытка установить пользовательский идентификатор в форме Hubspot в Гэтсби

0 голосов
/ 30 сентября 2019

Я могу получить форму Hubspot, работающую как компонент в Gatsby, но я бы хотел иметь возможность задать formId для каждой страницы. Я пытался установить реквизит в моем компоненте, но не удалось. Вот пример страницы с формой, работающей , с кодом ниже, с удаленным идентификатором моего портала. 

import React from "react";

class HubspotBrochureDownload extends React.Component {
  componentDidMount() {
    const script = document.createElement("script");
    script.src = "https://js.hsforms.net/forms/v2.js";
    document.body.appendChild(script);

    script.addEventListener("load", () => {
      if (window.hbspt) {
        window.hbspt.forms.create({
          portalId: "XXXXXX",
          formId: "1152aa7a-835d-410d-9462-08e2ddd226d8",
          target: "#hubspotForm"
        });
      }
    });
  }

  render() {
    return (
      <div>
        <div id="hubspotForm"></div>
      </div>
    );
  }
}

export default HubspotBrochureDownload;

Я попытался удалить свой formID и поставить реквизиты. Я нашел этот пример componentDidUpdate , но мне не повезло

...