Fatal编程技术网
  • email/
  • Email Exacttarget ampscript显示/隐藏移动电子邮件内容

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

email

Email Exacttarget ampscript显示/隐藏移动电子邮件内容,email,exacttarget,ampscript,Email,Exacttarget,Ampscript,我尝试根据用户代理/屏幕大小显示电子邮件内容，以便在手机上显示图像，即如果此电子邮件在桌面上打开-不显示此内容，如果相同的电子邮件在手机上打开-显示此内容 有人知道使用准确的目标ampscript是否可以实现这一点吗？使用ampscript无法检测。最接近这一点的是使用响应式电子邮件设计技术。查看此链接： 使用简单的媒体查询，当然可以隐藏或显示电子邮件中的内容。不需要AMPScript。并非所有的电子邮件平台都支持它 Brian Graves从中开发了一些非常好的响应电子邮件模板。我已经在Exa

我尝试根据用户代理/屏幕大小显示电子邮件内容，以便在手机上显示图像，即如果此电子邮件在桌面上打开-不显示此内容，如果相同的电子邮件在手机上打开-显示此内容

有人知道使用准确的目标ampscript是否可以实现这一点吗？

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

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

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>


@仅介质屏幕和（最大宽度：400px）{
td[class=“nav3”]{display:none；}
td[class=“nav4”]{display:none；}
td[class=“nav5”]{display:none；}
td[class=“nav6”]{display:none；}
}
...
简短的回答是否定的

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

我的建议是研究媒体查询以获得响应性电子邮件（由于电子邮件客户端呈现和读取方式不同，因此更为复杂且有许多怪癖）以及可扩展的移动电子邮件设计（建议具有初级到中级html/css能力的人使用）。（）

请在回答中附上一个示例。一般来说，电子邮件标记并不总是支持CSS 1.0以外的任何内容。事实上，ExactTarget自己的文档说不要使用CSS 1.0以外的任何东西，因此媒体查询不会在您最需要它们的地方工作，比如在Outlook中。