无法在React项目

Question

我无法将谷歌标记添加到谷歌描述的底部。 我尝试了几种不同的方法，现在我的代码看起来像这样：

componentDidMount() {
        var script = '<div> \n\
        <script type="text/javascript"> \n\
        /* <![CDATA[ */ \n\
        var google_conversion_id = xxxxxx; \n\
        var google_custom_params = window.google_tag_params; \n\
        var google_remarketing_only = true; \n\
        /* ]]> */ \n\
        </script> \n\
        <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> \n\
        </script> \n\
        <noscript> \n\
        <div style="display:inline;"> \n\
        <img height="1" width="1" style="border-style:none;" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/xxxxxxx/?guid=ON&amp;script=0"/> \n\
        </div> \n\
        </noscript> \n\
        </div> \n\ ' ;

        window.eval(script);

        document.body.innerHTML += script;
}

我在Google Tag Assistant中遇到了不同的错误： 首先，单个标签/脚本添加了4个再营销标签，我不明白为什么：

其次我遇到错误 - 蓝色的错误表示＆＃34;代码应该直接放在结束标记的上方。＆＃34;显然，我的代码并没有将代码放在它所属的位置。这可能是第一个问题。＆＃34;

红色错误表示：＆＃34;未检测到HTTP响应＆＃34;和＃34;标记包含在外部脚本文件中＃34;。

我怎样才能摆脱这些？ ＆＃34;未检测到HTTP响应＆＃34;因为我能理解，这是至关重要的。但我无法找到一个很好的方法来注入＆＃34;在React中我的html主体的脚本。

如果您有更好的答案，请告诉我:-) 提前谢谢！

Answer 1

对于你的方式，我建议使用

this.gtmScript = document.createElement("script")
this.gtmScript.src = "Link or gtm"
this.gtmScript.async = true
document.body.appendChild(this.gtmScript)

在componentDidMount中执行此操作并检查是否有帮助。