时间戳

首页 > 解决方案 > 在 gatsby.js 网站中嵌入第三方脚本标签

reactjs - 在 gatsby.js 网站中嵌入第三方脚本标签

问题描述

我正在尝试在 gatsby.js 站点中使用小部件，但找不到创建有效反应组件的方法！

<div>
  <script src="https://widgets.bookalet.co.uk/publish.js" data-bookalet="b41d3564-11ba-4a54-9ee2-b7d6ec55b214" data-property="13563"></script>
</div>

这就是小部件的外观。它的 data-bookalet 和 data-property 属性似乎是我无法找到答案的异常！

标签： reactjswidgetgatsby

解决方案

你可以尝试使用 React Helmet 并像这样实现它：

<Helmet>
    <script>
        {`YOUR_SCRIPT_HERE`}
    </script>
</Helmet>

来源：react-helmet 文档和gatsby-plugin-react-helmet

推荐阅读