在背景图片上放置 2 个链接 HTML 邮件消息

Question

当用户单击通过电子邮件发送的图像时，我需要同时打开两个页面。

我尝试使用 window.open 但是当邮件发送给收件人时 link图片打不开。

你能帮助我或告诉我实现此目标的更好方法吗？？

代码：

<a href="http://www.microsoft.com" target="_blank" onclick="window.open('http://www.g1.com.br');"><img width="500" align="center" src="img_1"></a>

Answer 1

这个怎么样？

HTML

<a href="http://www.microsoft.com" target="_blank" onclick="DoThis();"><img width="500" align="center" src="img_1"></a>

JS

<script type="text/javascript">
function DoThis() {
window.open('http://www.foo.com', _blank);  //open link 1 in new tab
window.open('http://www.g1.com.br', _blank); //open link 2 in new tab
}
</script>

Answer 2

由于重大安全问题，脚本在电子邮件中不可用。许多客户会完全删除脚本，而其他客户可以将其标记为垃圾邮件或完全阻止它。

您最好的选择是将它 link 到静态登录页面，然后运行脚本为您打开两个 windows。

http://javascript.about.com/od/reference/a/jsemail.htm

关于 HTML 电子邮件中允许和不允许的内容的一些其他良好来源：

http://kb.mailchimp.com/campaigns/design/limitations-of-html-email http://kb.mailchimp.com/templates/code/common-html-mistakes https://www.campaignmonitor.com/dev-resources/guides/coding/

Answer 3

在电子邮件应用程序中，不可能。如上所述 Quentin，所有电子邮件消费软件，包括 Outlook、webmail 和 iPhone 本机电子邮件应用程序都会在邮件中阻止您的 JavaScript。

但是，理论上，可以使用 中间着陆页 来实现结果，它将执行您需要的所有 JS，打开两个选项卡。

我曾经有一个类似的项目，我们在其中实现了嗅探用户代理并重定向到 deep-linked 移动网站或不同桌面登录页面的中间登录页面。例如，您将 link 转到您的着陆页，例如：

http://yourlandingpage.com?tab1toopen=http://page1.com&tab2toopen=http://page2.com

这引发了新的问题： * URL 跟踪（和自动编码 and/or 可选 URL 缩短和管理所有这些）， * URL 长度（在 Windows 桌面版 Outlook 客户端上有限制）， * 该登陆页面的安全性（着陆器应该清理字符串，甚至可能通过独特的加密 var 做一些秘密 hand-shaking），并且， * 能否承受大流量（与大品牌合作会出现更大的问题）。

在背景图片上放置 2 个链接 HTML 邮件消息

Put 2 Links on Background Image HTML Mail Message

html

javascript

image

html-email