控制HTML电子邮件简报的自动回溯文本的最佳方法是什么？

Question

当公司向客户发送电子邮件简报时,某些电子邮件客户端(Gmail,Outlook)会在客户打开电子邮件之前在收件人收件箱中显示一小段预览文本.据我了解,无论电子邮件的可见设计和内容如何,​​都有两种技术可以控制预览文本的显示方式:

1)使用不可见的1x1像素启动电子邮件,该像素使用所需的预览文本作为替代文本

2)使用"display:none"在html模板中创建一个div

在与所有主要电子邮件客户端的可计算性方面哪个选项最佳？

Answer 1

你在谈论所谓的"预先".

有很多方法可以在邮件中实现预读器:

1. 在邮件顶部的spacer(或图像)中使用alt属性
2. 将其键入可见文本(在Web版本的链接上方)
3. 将其键入为invisibile文本(将文本颜色与背景匹配和/或使用font-size:0)

避免使用第一个解决方案(alt属性),因为iPhone和iPad不支持它.Outlook还将显示图像的路径.另外,请避免使用div或其他CSS解决方案.

解决方案#2和#3实际上是最好的方式,因为它们在任何地方都得到了支持.注意:"无处不在"我指的是实际支持预读者的客户端和Web客户端:Gmail,iPhone,iPad,Outlook等.

请记住:如果字符数低于该客户端支持的最大数量,它也会显示下一个文本.

对于您的信息,这里是最大字符限制:GMAIL(FIREFOX,IE,CHROME,SAFARI):最多97个字符IPHONE 4:最多81个字符垂直,最多137个字符水平IPAD:87个字符OUTLOOK:最多255个字符

希望这可以帮助.

请享用 ;)