Question

我有一个简单的反应申请表和联系表格。

提交后，我需要在页面上显示此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加载器，但似乎没有任何工作（HTML-loader会在页面上显示脚本）。

非常感谢任何帮助。

谢谢！

Answer 1

我想你能做的就是这些选择之一：

1：只需在index.html文件中添加这些脚本。

如果您使用的是webpack，则需要有一个index.html文件，一些docs。

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

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

3：您可以添加动态脚本代码：找到响应here

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

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

  document.body.appendChild(script)
}

针对潜在客户转化页面的React和Google Code

1 个答案: