如何在 knockoutjs 按钮点击事件中添加 Google AdWords 转化跟踪代码？

Posted 2023-03-08

【中文标题】如何在 knockoutjs 按钮点击事件中添加 Google AdWords 转化跟踪代码？

【英文标题】：How to add Google AdWords Conversion Tracking code in knockoutjs button click event?

【发布时间】：2014-09-02 12:10:57

【问题描述】：

我从 Google AdWords 获得了以下代码。

<script type="text/javascript">
    /* <![CDATA[ */
        var google_conversion_id = 973348620;
        var google_conversion_language = "en";
        var google_conversion_format = "3";
        var google_conversion_color = "ffffff";
        var google_conversion_label = "uffQCOz32QrMe70gM";
        var google_conversion_value = [BookingValue];;
        var google_remarketing_only = false;
    /* ]]> */
</script>

<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
    <div style="display:inline;">
        <img   style="border-style:none;"  src="//www.googleadservices.com/pagead/conversion/973348620/?value=[BookingValue];&amp;label=uffQCOz32QrMe70gM&amp;guid=ON&amp;script=0"/>
    </div>
</noscript>

我使用knockoutjs 作为单页应用程序设计了我的代码。

我需要在 ajax 调用成功事件上添加此跟踪代码。 所以我需要在javascript代码中实现以上所有代码。

【参考方案1】：

我建议使用适当的异步版本的 Google 标记，而不是疯狂地通过脚本标记将同步版本的标记添加到 DOM。

我在另一个讨论 angular.js 的帖子中回答了这个问题，它与 knockout.js 非常相似，所以同样的答案应该适用：How do I adapt a Google AdWords tracking pixel for use in an AngularJS app?

希望有帮助！

【讨论】：

比我的答案更好。

它对我有用。现在我可以在 aswords 帐户中看到更新了。

这里是 Google document 用于执行此操作。

【参考方案2】：

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "google code";

document.head.appendChild(s);

Or

document.body.appendChild(s);

【讨论】：

这段代码将html元素添加到body或head。但这是在更新google adword服务。有没有办法更新google adword？

我以为你的意思是添加脚本，你的意思是向谷歌注册转换？我认为您需要致电 _trackEvent(category, action, opt_label, opt_value, opt_noninteraction) 或 _gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']) 看看link1 和 link2