潜在客户转化页面的 React 和 Google 代码

Question

我有一个带有联系表的简单 React 应用程序。

提交后，我需要在页面上显示此 Google 潜在客户转化页代码。

<!-- Google Code for Purchase Conversion Page -->
    <script type="text/javascript"> 
    /* <![CDATA[ */
    var google_conversion_id = 1234567890;
    var google_conversion_language = "en_US";
    var google_conversion_format = "1";
    var google_conversion_color = "666666";
    var google_conversion_label = "xxx-XXx1xXXX123X1xX";
    var google_remarketing_only = "false"
        var google_conversion_value = 10.0;
        var google_conversion_currency = "USD"
    /* ]]> */ 
    </script>
    <script type="text/javascript" 
    src="//www.googleadservices.com/pagead/
    conversion.js">
    </script>
    <noscript>
    <img height=1 width=1 border=0 
    src="//www.googleadservices.com/pagead/
    conversion/1234567890/
    ?value=10.0&amp;currency_code=USD&amp;label=xxx-   
    XXx1xXXX123X1xX&amp;guid=ON&amp;script=0">
           </noscript>

因为我无法将脚本添加到 React - 我该怎么做？我一直在绕圈子尝试使用 HTML-loaders 但似乎没有任何效果（HTML-loader 会在页面上显示脚本）。

非常感谢任何帮助。

谢谢！

Answer 1

我想您可以选择以下选项之一：

1：只需将这些脚本添加到您的 index.html 文件中即可。

If you are using webpack you need to have an index.html file, some docs.

2：使用 webpack 插件，将这些脚本添加到模板中。然后插件将完成这项工作，更多信息 here.

// webpack.config.js
plugins: [
  new HtmlWebpackPlugin({
    template: 'index.template.html'
  })
]

3：您可以添加动态脚本标签：找到响应

cbSuccess() {
  const script = document.createElement("script")

  script.src = "./your-script.js"
  script.async = true

  document.body.appendChild(script)
}

潜在客户转化页面的 React 和 Google 代码

React and Google Code for lead Conversion Page

javascript

script-tag

reactjs

react-redux

react-redux-form