在React中添加Adwords再营销代码/代码

时间:2018-01-25 19:14:02

标签: javascript reactjs meteor google-adwords

以下代码Adwords告诉我在</body>标记之前添加“

<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 000; //changed the code
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/000/?guid=ON&amp;script=0"/>
</div>
</noscript>

好吧,因为我正在使用React(在Meteor中),我实际上无法访问任何<body>标签,这不是我添加脚本的方式。此外,如果可以的话,我想尝试让这个异步。

我的第一直觉是添加一个组件并将其填入base_layout.jsx(这是在所有路由上安装的):

const TagManager = React.createClass({
    componentDidMount() {
        const conversionSrc = "//www.googleadservices.com/pagead/conversion.js"
        const remarketingSrc = "//googleads.g.doubleclick.net/pagead/viewthroughconversion/000/?guid=ON&amp;script=0"

        var google_conversion_id = 000;
        var google_custom_params = window.google_tag_params;
        var google_remarketing_only = true;

        //Here I am lost what to do next
    },

    render() {
        //Do I even need a render?
    }
})

一些问题:

1)我不知道两个不同的外部脚本做什么以及我应该如何执行它们。

2)我在某处读过有异步替代方案,但我找不到它或弄清楚如何使用它。

3)我想在componentDidMount中做所有事情,但我不知道与图像有什么关系。

另外,运行第一个脚本,取回文本文件并粘贴它而不是依赖某些外部脚本不是更好吗?

我该怎么办?

0 个答案:

没有答案