添加GTM腳本來響應組件RendertoString

Question

我正在使用同構React應用程序來呈現頁面。我必須添加GTM腳本到頁面，當我添加到Java腳本文件，巴貝爾由於報價和其他事情失敗，我可以知道我可以逃脫或確保巴貝爾跳過這一點。它未能在redertoString功能

<!-- Google Tag Manager --> 
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
})(window,document,'script','dataLayer','GTM-XXXX');</script> 
<!-- End Google Tag Manager --> 

Answer 1

你可以通過使用作出反應的dangerouslySetInnerHTML。

這樣

<script 
    type="text/javascript" 
    dangerouslySetInnerHTML={{ 
    __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
     })(window,document,'script','dataLayer','GTM-XXXX');` 
    }} 
/>