html - 在 HTML 电子邮件中呈现跟踪像素

Question

这 3 个选项中的哪一个最适合向 HTML 电子邮件 添加 1x1 跟踪像素(也称为网络错误或网络信标):

1. <img src="TRACKING-PIXEL-URL-GOES-HERE" style="position:absolute; visibility:hidden">
2. <img src="TRACKING-PIXEL-URL-GOES-HERE" style="display:none">
3. <img src="TRACKING-PIXEL-URL-GOES-HERE" width="0" height="0">
4. 其他？

图像本身是透明的 1x1 GIF。

请注意，这不是针对网页，而是针对 HTML 电子邮件 及其定义不明确的 CSS 支持。

Answer 1

我建议只使用透明图像和普通图像标签 - Litmus 就是这样做的:

<img src="..." width="1" height="1" border="0" />

Campaign Monitor 是这样做的:

<img src="..." style="height:1px !important; width:1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important" width="1" height="1" border="0">

两个非常值得信赖的来源，因此这两个选项中的任何一个都绝对足够。