在 HTML 电子邮件中呈现跟踪像素答案

【问题标题】：Render tracking pixel in HTML email在 HTML 电子邮件中呈现跟踪像素
【发布时间】：2013-11-07 03:56:57
【问题描述】：

这 3 个选项中的哪一个最适合将 1x1 跟踪像素（也称为网络错误或网络信标）添加到 HTML 电子邮件：

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

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

请注意，这不是用于网页，而是用于 HTML 电子邮件，其 CSS 支持不明确。

【问题讨论】：

为什么不把这三个结合起来呢？虽然我想如果图像被下载，“透明”部分就足够了。
1×1？谁会注意到这两种方式？另请注意，这正是大多数邮件客户端默认阻止图像的原因。

标签： html css html-email

【解决方案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">

两个非常值得信赖的来源，所以这两个选项中的任何一个都足够了。

【讨论】：