1

ユーザーエージェント/画面サイズに基づいてメールコンテンツを表示しようとしています。これにより、携帯電話で画像を表示できるようになります。つまり、このメールがデスクトップで開かれた場合、このコンテンツは表示されません。同じメールが携帯電話で開いた - このコンテンツを表示します。

これが正確なターゲットアンプスクリプトで可能かどうかは誰にもわかりませんか?

4

3 に答える 3

1

簡単なメディア クエリを使用して、メールのコンテンツを表示または非表示にすることは確かに可能です。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>
于 2013-03-08T15:32:37.217 に答える
0

ampscriptを使用して検出する方法はありません。これに最も近いのは、レスポンシブメールデザイン手法を使用することです。このリンクをチェックしてください：

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

于 2012-11-14T20:47:47.200 に答える