5

我正在从我的应用程序中发送一些电子邮件。电子邮件中包含 html，电子邮件中的第一项是公司徽标图像

该电子邮件在包括 iphone 在内的所有电子邮件客户端中都可以正常呈现，但问题在于 iphone 主题行下方的电子邮件“预览”。由于邮件正文有徽标，因此邮件预览会显示图像 url。如何避免在预览中显示图像 url 并在预览中包含更有意义的文本。我确实需要将徽标作为电子邮件正文中的第一件事。

有什么解决方法吗？

坦斯克

4

4 回答 4

5

在过去几天我自己测试了各种迭代之后，只需将我的两分钱添加到这个讨论中。这个问题的其他答案很好开始，但他们都错过了几个边缘情况（或有时不是那么边缘情况）。我不会声称我已经在每个客户端上都测试过，但我已经让它在所有大客户端上运行：Gmail、Yahoo、Outlook.com/Hotmail、Outlook for Windows 和 OS X（各种连接到 Exchange、POP 和 IMAP 的版本）、各种基于 Web 的 IMAP 客户端、iOS 邮件（都连接到交换服务器和常规 IMAP 服务器：是的，它在这些情况下呈现不同的预览）、Android 邮件、Android/iOS Gmail 客户端、邮箱、Thunderbird 和其他一些我现在想不起来的东西。

使用预标题 div。设置 div 内联样式，因为一些基于 Web 的电子邮件服务 (Gmail) 会<style>从电子邮件的 HTML 头部中去除标签。内联样式 ,display: none;适用于大多数客户端，但在 gmail Web 视图和 Yahoo Web 视图中失败，除非您将其定义为display: none !important;. 如果您在那里没有!important声明，则当在这些服务的基于 Web 的客户端中阅读它时，preheader div 将在电子邮件正文中可见。

现在，我们正在使用具有以下内联定义样式的 div 来隐藏我们的预头文件，以防止我们测试过的各种客户端和服务：display: none !important; height:0px; overflow:hidden; color:#ffffff; font-size:2pt;. 其中一些不适用于所有或大多数情况，但在所有情况下，它们很好地涵盖了各种基础。特别是，该heighthack 只影响了几个客户端，并且完全破坏了 Gmail 基于 Web 的客户端（它目前将高度声明重写为 min-height，这是出乎意料的），但由于它尊重display: none !important;预标头最终还是隐藏在那里。正如 ste7enm 所提到的，颜色和字体大小的 hack 在某些客户端/服务转发消息时更有效地隐藏了预标头。

Side note: After testing, redesigning and retesting our templates several times, I've concluded that HTML email is the sworn enemy of all things good and pure.

于 2014-04-21T19:19:14.560 回答
2

您是否尝试过alt在img标签内使用？例如 <img src="mycompany.png" alt="company name" />

于 2013-03-22T19:37:15.357 回答
2

电子邮件通常会在电子邮件的顶部包含一段文本以解决该问题。

见 - http://www.aweber.com/blog/email-marketing/do-you-use-snippets-for-more-opens.htm

于 2013-03-22T19:39:47.367 回答
1

我知道这个问题有点老了，但它在搜索中出现了，我想我会添加另一个小提示：

如果你打算在顶部包含一个 DIV（preheader，per @John），请确保对其进行样式设置。

我发现当人们在 Outlook 中收到电子邮件时，虽然原始邮件中没有出现预标题，但如果他们转发或回复邮件，它会重新出现。

使用这个简单的解决方法来避免这个问题：

<div style="display:none; color:#fff; font-size:2pt;">This is the abstract text that will appear in your email client's message preview or notification window.<br />&nbsp;</div>

当他们收到预标题时，它会被隐藏，文本仍用于 Outlook 的预览通知或 iOS 上的邮件中的文本预览，当他们转发或回复您的邮件时，它是如此的小而白，以至于您的听众不会看见。

另请注意，使用旧 BlackBerry 设备（如果 HTML 被禁用，则为 BlackBerry 4 和 BlackBerry 5）的用户可以看到这种类型的标题。

于 2014-01-16T22:15:39.993 回答