【问题标题】:What would be the best practice implementing Google Adwords Dynamic Remarketing Tag with AngularJS使用 AngularJS 实现 Google Adwords 动态再营销标签的最佳实践是什么
【发布时间】:2016-12-27 19:58:53
【问题描述】:

我正在尝试动态填充 google adwords 再营销标签。 这是谷歌代码的样子:

<script type="text/javascript">
var google_tag_params = {
dynx_itemid: 'REPLACE_WITH_VALUE',
dynx_itemid2: 'REPLACE_WITH_VALUE',
dynx_pagetype: 'REPLACE_WITH_VALUE',
dynx_totalvalue: 'REPLACE_WITH_VALUE',
};
</script>
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = {converion-id}; // replace {converion-id} with your conversion id
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;">
<!-- replace {converion-id} with your conversion id -->
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/{converion-id}/?value=0&amp;guid=ON&amp;script=0"/> 
</div>
</noscript>

在加载的每个页面上,我想通过 angular 动态替换 dynx_itemid 变量。 我很想听听你对此的看法。我找到了以下库https://github.com/mooyoul/angulartics-google-adwords-remarketing-tag,但它只支持再营销标签,不支持动态标签。

谢谢

【问题讨论】:

标签: javascript angularjs google-ads-api


【解决方案1】:

最终我们只创建了一个 Angular 模块,它获取转换标签、价值和货币的三个参数,我们可以在任何需要的地方调用它

angular.module('project.google.model', [
/*Google Remarketing Module*/
]).service('GoogleModel', [function () {
    var model = this;
    model.trackConversion = function (label, value, currency) {

        window.google_trackConversion({
            google_conversion_id: xxxxxxx,
            google_conversion_language: "en",
            google_conversion_format: "3",
            google_conversion_color: "ffffff",
            google_conversion_label: label,
            google_conversion_value: value,
            google_conversion_currency: currency,
            google_remarketing_only: false
        });
    }
}]);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-23
    • 2020-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多