反應和谷歌代碼的鉛轉換頁面

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