Формат AMP для писем

Important: this documentation is not applicable to your currently selected format stories!

AMP — это технология, используемая для разработки сверхбыстрых веб-страниц для мобильных клиентов. AMP представляет собой набор специальных HTML-тегов с реализацией на JavaScript, которые позволяют с легкостью реализовывать нужную функциональность и специально спроектированы с упором на высокую производительность и безопасность. Существуют компоненты AMP для самых разных задач: от создания кольцевых галерей и адаптивных элементов форм до получения актуального контента с удаленных конечных точек.

Формат «AMP для писем» содержит специальный набор компонентов AMP, предназначенный для сообщений электронной почты. Получатели AMP-писем могут просматривать контент AMP-компонентов и взаимодействовать с ним прямо в письме.

Обязательная разметка

Ниже представлен минимальный объем разметки, который необходим для создания корректно сформированного AMP-письма:

<!DOCTYPE html>
<html ⚡4email data-css-strict>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

Все AMP-письма ДОЛЖНЫ:

начинаться с элемента <!doctype html>. 🔗
содержать тег верхнего уровня <html ⚡4email> (также допускается <html amp4email>). 🔗
содержать теги <head> и <body> (в HTML они необязательны). 🔗
содержать <meta charset="utf-8"> в качестве первого дочернего элемента тега head. 🔗
содержать <script async src="https://cdn.ampproject.org/v0.js"></script> в теге head. 🔗
содержать шаблон amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) в своем теге head, чтобы обеспечивать скрытие контента письма до загрузки JavaScript-кода AMP. 🔗

Объем всей разметки AMPHTML не должен превышать 102 400 байт.

Структура и рендеринг

Формат «AMP для писем» использует стандартный подтип MIME multipart/alternative, определенный в RFC 1521, раздел 7.2.3.

Для получения дополнительной информации см. Структура и рендеринг AMP-писем.

Совместимые компоненты AMP

См. AMP для писем: совместимые компоненты.

Требования к HTML

См. статью Поддержка HTML в AMP для писем.

Требования к CSS

Поддерживаемые CSS-свойства

См. статью Поддержка CSS в AMP для писем.

Использование CSS в документе AMP

Весь используемый в AMP-документе код CSS должен размещаться в теге <style amp-custom> (внутри тега head) или быть добавлен в виде встроенных атрибутов style.

...

<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>

...

</head>

Примечание: общий объем тега <style> не может превышать 50 000 байт; это проверяется валидатором.

Размеры документа

Оптимальная ширина: 800 пикселей или меньше (на некоторых клиентах превышающий эту ширину контент может быть обрезан).
Высота: переменная, клиент позволяет пользователю прокручивать содержимое.

Валидация

Чтобы обеспечить соответствие ваших писем строгим критериям формата «AMP для писем», вы можете использовать существующие инструменты валидации кода AMP.

Дополнительную информацию см. в статье Валидация AMP-писем.

Конфиденциальность и безопасность

Отслеживание открытия письма и взаимодействия с ним

AMPHTML позволяет отслеживать открытие писем с помощью методов пиксельного отслеживания, как и в обычных электронных письмах в формате HTML. Какие-либо инициированные пользователем запросы данных из внешних служб также являются сигналом о том, что пользователь взаимодействует с сообщением. Почтовые клиенты могут предоставлять пользователям возможность отключать загрузку удаленных изображений и другие внешние запросы.

Аналитика AMP

Не поддерживаются следующие аналитические методики AMP:

Поведение конкретных компонентов

Запросы изображений, содержащихся в <amp-carousel> или <amp-accordion>, могут указывать отправителю, что пользователь взаимодействует с сообщением.

Перенаправления в <amp-form> запрещены во время выполнения.

Обратная связь и поддержка

Обратиться за помощью по теме AMP для писем или поделиться своим мнением можно по каналам общения постоянных участников