Question

我正在尝试根据用户代理/屏幕尺寸显示电子邮件内容，以便我可以在手机上显示图像，即如果在桌面上打开此电子邮件 - 请勿显示此内容，如果同一封电子邮件在手机上打开 - 显示此内容。

有没有人知道这是否可以使用精确的目标放大器？

Answer 1

简短的回答是否定的。

在发送电子邮件之前读取AMP脚本。由于这在电子邮件到达电子邮件客户端之前就已存在，因此不可能包含基于客户端/屏幕变量的任何显示区别。 “ExactTarget应用程序在电子邮件发送结束时处理所有AMPscript调用”（AMP Script Process）

我的建议是调查响应式电子邮件的媒体查询（由于电子邮件客户端呈现和阅读方式不同，更复杂且有许多怪癖）以及可扩展的电子邮件设计（建议初学者到中等水平的html / css能力）移动。（Litmus - Difference between Responsive and Scalable）

Answer 2

使用简单的媒体查询可以隐藏或显示电子邮件中的内容。不需要AMPScript。所有电子邮件平台都不支持它。

Here是来自DEG的Brian Graves开发的一些非常好的响应式电子邮件模板。我在ExactTarget中实现了其中几个模板的变体。

编辑：这是根据浏览器宽度放下导航元素的示例。它改编自我上面提到的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>

Answer 3

使用ampscript无法检测到。您最接近的是使用响应式电子邮件设计技术。看看这个链接：

http://coding.smashingmagazine.com/2011/08/10/techniques-for-gracefully-degrading-media-queries/

Exacttarget ampscript显示/隐藏移动电子邮件内容

3 个答案: