反应和谷歌代码的铅转换页面

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加载器将脚本显示在页面上）的圈子。

真的很感激任何帮助。

谢谢！

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) 
}