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

【问题标题】：Put 2 Links on Background Image HTML Mail Message在背景图像 HTML 邮件消息上放置 2 个链接
【发布时间】：2016-01-04 20:07:51
【问题描述】：

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

我尝试使用 window.open，但是当邮件发送给收件人时，图像上的链接不起作用。

您能帮我或告诉我一个更好的方法来实现这一点吗？？

代码：

<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>

【问题讨论】：

几乎所有的邮件客户端都删除/禁用了 javascript，所以你的 onclick 方法不起作用。另外，图片的src必须是绝对的（即：example.com/image.jpg）
感谢您的回复，塞缪尔！！ src 只是一个例子！！

标签： javascript html image html-email

【解决方案1】：

在电子邮件应用中，不可能。正如上面提到的Quentin，所有的电子邮件消费软件，包括Outlook、webmail和iPhone原生电子邮件应用程序都会阻止你在邮件中的JavaScript。

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

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

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

这引发了新的问题： * URL 跟踪（以及自动编码和/或可选的 URL 缩短和所有这些的管理）， * URL 长度（在 Windows 桌面 Outlook 客户端上受限）， * 该登陆页面的安全性（登陆器应该清理字符串，甚至可能通过唯一的加密变量进行一些秘密握手），并且， * 能否维持大流量（如果您与大品牌合作，就会出现更大的问题）。

【讨论】：

【解决方案2】：

由于重大安全问题，电子邮件中不提供脚本。许多客户端会完全剥离脚本，而其他客户端会将其标记为垃圾邮件或完全阻止它。

最好的办法是让它链接到一个静态登录页面，然后运行一个脚本为你打开两个窗口。

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/

【讨论】：

我并没有说它是一个全面的解决方案，它只是通过 HTML 电子邮件发送时的最佳选择。如果您有更好的解决方案，请分享。
我不知道该做什么或在哪里寻找替代方案来实现它......我认为内联脚本可以工作...... :(
您需要将其更多地定向到目标网页。正如 Quentin 很好地指出的那样，弹出窗口拦截器即使在那里也会让事情变得困难，但在电子邮件中没有直接的替代选项。
@Gortonington 如果可以的话，我会再次投票。 OP 的要求根本不可能，这样回答是一个完全有效的答案。

【解决方案3】：

这个怎么样？

HTML

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

<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>

【讨论】：

我现在就试试，@Korgrue！！我不知道这是否适用于我的 html 邮件，但我想试试！！！！
内联脚本应该适用于 HTML 电子邮件中的大多数情况。
不，不应该。我不知道有任何电子邮件客户端不会剥离所有 JS。
我所知道的任何电子邮件客户端都不支持 JS。
伙计们，非常感谢所有回复！我试图在我的 html 邮件中放置一个内联脚本，但没有成功！！ =(我现在就可以看到这些链接！！！！！！