我有一个简单的反应申请表和联系表格。
提交后,我需要在页面上显示此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&currency_code=USD&label=xxx-
XXx1xXXX123X1xX&guid=ON&script=0">
</noscript>
由于我无法在React中添加脚本 - 我该怎么做? 我一直在试图使用HTML加载器,但似乎没有任何工作(HTML-loader会在页面上显示脚本)。
非常感谢任何帮助。
谢谢!
答案 0 :(得分:3)
我想你能做的就是这些选择之一:
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)
}