首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Exacttarget ampscript显示/隐藏移动电子邮件内容

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

Stack Overflow用户
提问于 2012-10-05 06:26:01
回答 3查看 2.6K关注 0票数 1

我尝试根据用户代理/屏幕大小显示电子邮件内容,这样我就可以在手机上显示图像,例如,如果在桌面上打开此电子邮件-如果在移动电话上打开相同的电子邮件,则不显示此内容-显示此内容。

有没有人知道用准确的目标ampscript可以做到这一点?

EN

回答 3

Stack Overflow用户

发布于 2014-10-29 21:08:39

简短的回答是否定的。

在发送电子邮件之前读取AMP脚本。因为这是在电子邮件到达电子邮件客户端之前,所以不可能包括基于客户端/屏幕变量的任何显示区分。“ExactTarget应用程序在电子邮件发送结束时处理所有AMPscript调用”(AMP Script Process)

我的建议是研究响应式电子邮件的媒体查询(由于电子邮件客户端呈现和阅读的不同,更复杂且有许多古怪之处),以及针对移动设备的可扩展电子邮件设计(推荐给那些具有初学者到中等水平的html/css能力的人)。(Litmus - Difference between Responsive and Scalable)

票数 2
EN

Stack Overflow用户

发布于 2013-03-08 23:32:37

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

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

编辑:这是一个根据浏览器宽度删除导航元素的示例。它改编自我上面提到的GitHub页面上的第一个模板:

代码语言:javascript
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2012-11-15 04:47:47

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12736949

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档