javascript - 如何为meteor.js添加谷歌再营销代码？

Question

与我密切合作的搜索引擎优化公司告诉我，我需要在我的 meteor 项目的正文标签之间添加此代码。

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 123456789;
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/949352235    /?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

但是，据我们所知，脚本标签在正文标签内无法正确执行。所以我在谷歌上搜索寻找答案，我发现这段代码应该可以工作，但它是在 REACT 中。我怎样才能将这个 react 代码转换为普通的javascript，我可以从模板或其他东西中引用它。我正在考虑 onCreated 和/或 onRendered 函数。

          GoogleTag = React.createClass({
                displayName : 'GoogleTag',
                render(){
                    var src = '';
                    if(this.props.type === 'conversion'){
                        src =  _.template('//www.googleadservices.com/pagead/conversion/<%=id%>/?label=<%=label%>&guid=ON&script=0'),
                        src = src({id : this.props.id, label : this.props.label})
                    }

                    if (this.props.type === 'remarketing') {
                        src = _.template('//googleads.g.doubleclick.net/pagead/viewthroughconversion/<%=id%>/?value=0&guid=ON&script=0'),
                        src = src({id: this.props.id})
                    }
                    var style = {
                        display : "inline"
                    },
                    imgStyle = {
                        borderStyle : "none"
                    }
                    return (
                        <div style={style}>
                            <img height="1" width="1" style={imgStyle} alt="" src={src}/>
                        </div>
                    )
                }
            })

Answer 1

您可以使用Google Remarketing library for async actions并通过直接调用跟踪功能写入您的元数据:

/* remarketingTrack utility */

export default function remarketingTrack(data = {}) {
      try {
        trackConversion({
          google_conversion_id: SOME_ID,
          google_custom_params: data,
          google_remarketing_only: true
        });
      } catch (e) {
        // error
      }
 }

/** somewhere in ReactJS component **/

    componentDidMount() {
       remarketingTrack({
         flight_originid: XXX,
         flight_destid: XXX,
         flight_startdate: date,
         flight_pagetype: 'home',
       });
    }

我认为这是更灵活和简洁的解决方案