如何添加 HubSpot 聊天以响应 js 应用程序？

Question

我正在尝试将我们的 HubSpot 聊天添加到我们使用 React 和 Gatsby 创建的网站，我们被要求将以下内容插入 index.html 文件中的 body 标签：

<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/insertnumbers"></script>

问题是我们没有将 public 文件夹上传到网站。 HTML 文件位于 public 文件夹中。

我们如何解决这个问题？我在考虑 React 组件，但我不确定从哪里开始。你能帮忙吗？

Answer 1

使用<Helmet>组件。包裹在里面的所有东西都放在 <head> 标签中，在这种情况下，尽管不在 <body>.

中，但仍适用于您的用例

const YourPage= props => {
  return <Layout>
    <Helmet>
      <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/insertnumbers"/>
    </Helmet>
  </Layout>;
};

export default YourPage;

如何添加 HubSpot 聊天以响应 js 应用程序？

How do I add HubSpot chat to react js app?

chat

reactjs

hubspot

gatsby