跟踪像素...为什么需要 script 和 noscript？答案

【问题标题】：Tracking Pixels...Why do you need script and noscript?跟踪像素...为什么需要 script 和 noscript？
【发布时间】：2014-07-14 00:10:31
【问题描述】：

我经常发现在添加跟踪像素时有一个 javascript 和非 javascript 选项：

<!-- Google Code for Online Purchase Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = xxxxxx;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "Aa4-CNKm8QcQvu2V0QM";
var google_conversion_value = 1.00;
var google_remarketing_only = false;
/* ]]> */
</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="//www.googleadservices.com/pagead/conversion/xxxx/?value=1.00&amp;label=Aa4-CNKm8QcQvu2V0QM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

为什么需要 JS 版本...即你为什么不简单：

<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/xxxx/?value=1.00&amp;label=Aa4-CNKm8QcQvu2V0QM&amp;guid=ON&amp;script=0"/>

【问题讨论】：

因为有javascript的人不需要图片
@Petah 一行代码不是比20行好吗？使用 javascript 代替图片有什么好处？
你可以用js做更多的事情，比如事件跟踪、屏幕分辨率统计等
加载图像是对使用脚本时可用的更强大方法的后备。例如，您在页面上停留了多长时间、滚动了多远、您是点击了广告还是点击了外部链接、鼠标移动到了哪里等等。跟踪 URL 只会传达服务器提供的页面内容，例如，一个相当“愚蠢”的报告。

标签： javascript google-ads-api noscript

【解决方案1】：

正如其他人所暗示的，javascript 版本提供了一些更高级的功能。最重要的一项是在请求中添加一个随机的缓存清除数字以避免缓存。如果您不包含缓存清除器，则可能会出现数据差异（例如，转换计数不足或用于再营销的 cookie 池较小）。

您那里的示例像素具有很容易放入图像像素的静态信息，但it could contain a lot more advanced info too。当然，您可以在图像标签中编码所有这些额外的高级信息（该网站有如何做到这一点的说明），但它可能容易出错。

我看到很多标签根本不起作用，因为有人试图自己编码，但他们弄错了。对于大多数人来说，最好使用人类可读、易于开发、易于调试的 javascript 版本，并将编码和格式留给 Google 的代码，而不是尝试自己完成所有工作。

您可能会争辩说存在性能影响，但您是对的 - 总体而言，运行跟踪 javascript 而不是仅加载图像标签的区别与大多数网站相比只是沧海一粟这些天在做，在现代设备上不会引起注意，但如果你追求绝对的性能前沿，并且 100% 确定你自己编码一切正确，你可以使用图像标签as described on the site。

希望有帮助！

【讨论】：