AMP for Email: новые функции для разработчиков

Технология Accelerated Mobile Pages (AMP) открыла двери для интерактивных электронных писем еще в 2018 году, когда Google впервые анонсировала поддержку AMP в Gmail. Недавно компания Google провела ежегодное мероприятие AMP Fest, на котором были представлены планы развития платформы AMP и освещены истории успеха клиентов из самых разных отраслей.

Главной новостью AMP Fest 2020 стала грядущая поддержка со стороны таких гигантов индустрии, как Verizon Media и Salesforce. Однако в рамках сессий, посвященных AMP for Email, было представлено несколько обновлений, призванных облегчить жизнь разработчикам.

Вот что анонсировала команда AMP, чтобы помочь вам стать продуктивнее при написании кода и отправке email-кампаний на базе AMP.

## Обновленные CSS-свойства

Хотя этому было уделено всего несколько секунд в презентационном видео, обновленная поддержка CSS в Google добавляет крайне полезные функции для email-разработчиков.

Теперь в AMP-письмах можно использовать:

— CSS Grid

— Flexbox

— Анимации

— Атрибутивные селекторы

— Отрицательные отступы

— Дополнительную поддержку псевдоклассов

CSS Grid и Flexbox представляют особый интерес, так как оба инструмента были созданы для упрощения верстки сложных макетов. Для email-разработчиков, привыкших верстать таблицами, использование этих технологий может значительно сэкономить время, сократить объем кода и позволить создавать более креативные, нестандартные макеты.

Что касается анимаций и отрицательных отступов, то подробной информации об изменениях пока мало, однако расширенная поддержка атрибутивных селекторов и псевдоклассов определенно упростит работу. Особенно это касается псевдоклассов: теперь вы можете обращаться к таким состояниям, как :hover, и запускать дополнительные CSS-правила, а также использовать :focus, :active и :checked. Всё это помогает создавать более доступные и удобные интерфейсы для подписчиков.

Как всегда, лучший способ узнать больше о возможностях AMP for Email — обратиться к официальной документации AMP. Хотите протестировать AMP на практике? Попробуйте новые функции, такие как CSS Grid, в песочнице AMP Playground.

## Другие обновления

Наряду с новыми функциями CSS в AMP, продакт-менеджер Google Джон Хармер анонсировал ряд изменений, которые сделают технологию более полезной как для отправителей, так и для получателей писем.

### Упрощенная регистрация

Одним из главных препятствий при отправке AMP-писем всегда был процесс регистрации и верификации. Google требует, чтобы отправители регистрировались, настраивали аутентификацию на сервере и отправляли письма на проверку перед рассылкой. Хотя все эти требования сохраняются, Google объединила и значительно упростила процесс через обновленную страницу регистрации.

Теперь вместо прохождения множества форм для получения одобрения от Gmail, Yahoo! Mail и Mail.ru отдельно, вы можете просто перейти на go.amp.dev/email-registration. Вы начнете процесс верификации сразу для всех текущих и будущих почтовых провайдеров, поддерживающих AMP.

### Лимиты размера файла

Gmail известен своими строгими ограничениями на размер письма. Любое письмо весом более 102 КБ попадает под «обрезание» (clipping), и подписчики увидят соответствующее уведомление.

Во время AMP Fest Джон Хармер объявил, что лимит для AMP-разметки был увеличен до 200 КБ. Хотя это изменение, по-видимому, не распространяется на обычные HTML-письма, это разумный шаг, поскольку Google продолжает внедрять расширенные функции AMP, требующие дополнительной разметки. Будем надеяться, что в будущем этот лимит будет применен и к HTML-письмам.

## Узнайте больше об AMP и интерактивных письмах

Несмотря на то, что AMP существует уже несколько лет, это все еще относительно молодая технология, незнакомая многим маркетологам. Рекомендуем изучить наш архив статей об AMP for Email и начать исследовать возможности AMP-кампаний уже сегодня.

Не уверены, готовы ли вы к отправке AMP-писем? Традиционные интерактивные письма на базе HTML и CSS работают во многих почтовых клиентах и позволяют создавать привлекательный контент без внедрения новых сложных технологий. Ознакомьтесь с нашими популярными ресурсами по созданию интерактивных писем ниже.