我正在尝试根据用户代理/屏幕大小显示电子邮件内容,以便我可以在手机上显示图像,即如果此电子邮件在桌面上打开 - 不要显示此内容,如果相同的电子邮件是在手机上打开 - 显示此内容。
有谁知道这是否可以通过精确的目标 ampscript 实现?
我正在尝试根据用户代理/屏幕大小显示电子邮件内容,以便我可以在手机上显示图像,即如果此电子邮件在桌面上打开 - 不要显示此内容,如果相同的电子邮件是在手机上打开 - 显示此内容。
有谁知道这是否可以通过精确的目标 ampscript 实现?
简短的回答是否定的。
在发送电子邮件之前读取 AMP 脚本。由于这是在电子邮件到达电子邮件客户端之前很久,因此不可能包括基于客户端/屏幕变量的任何显示差异。“ExactTarget 应用程序在电子邮件发送结束时处理所有 AMPscript 调用”(AMP Script Process)
我的建议是研究响应式电子邮件的媒体查询(更复杂,并且由于电子邮件客户端呈现和阅读方式不同而有许多怪癖)以及移动设备的可扩展电子邮件设计(推荐给具有初级到中级 html/css 能力的人)。(石蕊 - 响应式和可扩展之间的区别)
使用简单的媒体查询当然可以隐藏或显示电子邮件中的内容。不需要 AMPScript。并非所有电子邮件平台都支持它。
以下是DEG的 Brian Graves 开发的一些非常好的响应式电子邮件模板。我已经在 ExactTarget 中实现了其中几个模板的变体。
编辑:这是一个基于浏览器宽度丢弃 Nav 元素的示例。它改编自我上面提到的 GitHub 页面上的第一个模板:
<style type="text/css" media="screen">
@media only screen and (max-width: 400px) {
td[class="nav3"] { display: none; }
td[class="nav4"] { display: none; }
td[class="nav5"] { display: none; }
td[class="nav6"] { display: none; }
}
</style>
...
<body style="background: #fff;font-family:Arial, Helvetica, sans-serif; font-size:12px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="padding: 15px 10px; font-size: 12px;">
<a href="#" style="text-decoration: none;">Navigation 1</a>
</td>
<td align="center" style="padding: 15px 10px; font-size: 12px;">
<a href="#" style="text-decoration: none;">Navigation 2</a>
</td>
<td class="nav3" align="center" style="padding: 15px 10px; font-size: 12px;">
<a href="#" style="text-decoration: none;">Navigation 3</a>
</td>
<td class="nav4" align="center" style="padding: 15px 10px; font-size: 12px;">
<a href="#" style="text-decoration: none;">Navigation 4</a>
</td>
<td class="nav5" align="center" style="padding: 15px 10px; font-size: 12px;">
<a href="#" style="text-decoration: none;">Navigation 5</a>
</td>
<td class="nav6" align="center" style="padding: 15px 10px; font-size: 12px;">
<a href="#" style="text-decoration: none;">Navigation 6</a>
</td>
</tr>
</table>
</body>
无法使用 ampscript 进行检测。最接近这一点的是使用响应式电子邮件设计技术。看看这个链接:
http://coding.smashingmagazine.com/2011/08/10/techniques-for-gracefully-degrading-media-queries/