- PVSM.RU - https://www.pvsm.ru -

Динамическое электронное письмо, созданное с использованием технологии AMP, российскими разработчиками из ecwid.ru [1]
Проект AMP задумывался, чтобы улучшить пользовательский опыт в сети, а это значит и работу с электронной почтой, когда она происходит в вебе. Для большинства из нас функции электронной почты почти не изменились с момента ее появления (при этом, большинство из нас, очевидно, это появление не застали). Ну а суть AMP в обеспечении скорости и безопасности, поэтому не разработать AMP для электронной почты [2] было нельзя. Казалось бы, как JavaScript в почте может быть хорошей идеей, но благодаря фреймворку AMP пользователи смогут взаимодействовать с письмами в реальном времени, не опасаясь за безопасность своих данных.
"Как?" — вы спросите? Ответ под катом
Благодаря AMP у пользователей появляются совершенно новые возможности для взаимодействия с почтой: теперь отвечать на приглашения, заполнять опросники, листать каталоги или оставлять комментарии можно прямо в теле письма. Кроме того, теперь с помощью писем можно следить за обновлениями, будь то новые комментарии в теме или последние рекомендации.
Технологию AMP в электронных письмах начали применять крупнейшие почтовые сервисы по всему миру, в том числе Gmail, Mail.Ru, Yahoo! Mail и Outlook.com. По мере того как они запускают поддержку этого формата, отправители расширяют охват аудитории AMP-писем. Mail.ru ещё и свой редактор [3] предлагают, но об этом позже.
Изначально версию для разработчиков могли использовать только у самые активные пользователи, теперь же технология AMP для электронных писем доступна всем получателям и любому проявившему интерес отправителю. Несколько наглядных примеров вы можете найти в официальном [4]блоге Google [4]. Кроме того, дополнительную информацию можно прочитать на страницах других почтовых сервисов:
Мы стремимся обеспечить высокое качество электронной почты для наших пользователей, и мы рады быть одним из первых сервисов, поддерживающих технологию AMP для электронной почты. Это позволяет нам создать условия для быстрой и эффективной работы электронной почты – Марсель Беккер, директор по управлению продуктами, Yahoo! Mail
Если вы представляете почтовый сервис и хотите добавить поддержку технологии AMP для электронных писем, изучите подробную информацию здесь [10].
Тестовых площадок для создания AMP-писем уже не одна. Как мы уже говорили, свой Playground [3]предоставляет Mail.ru. Ну а мы чуть подробнее остановимся на тестовой площадке [11] от самого проекта AMP на amp.dev. позволяет редактировать разметку и отслеживать изменения в реальном времени. Дополнительную информацию о поддерживаемых функциях и синтаксисе вы найдете по ссылке [2]. Но ничего сложного в этом процессе нет:
<!doctype html>
<html amp4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp4email-boilerplate>body{visibility:hidden}</style>
</head>
<body>
Hello, AMP4EMAIL world.
</body>
</html>
Как видите, это совершенно обычный HTML, но в тег html надо добавить amp4email, и конечно, не забыть саму библиотеку AMP — <script async src ="https://cdn.ampproject.org/v0.js [12]" ></script>. А дальше всё просто. Если вы уже знакомы с AMP, то встретите все свои любимые теги, такие как amp-img и amp-carousel. А если этот фреймворк для вас внове или знания подзаржавели, то вам сюда [13].
"Но ведь вся обещанная соль AMP-почты в динамичности, и где же она?" — спросите вы. В amp-bind [14], где же ещё! Не будем переписывать здесь всю документацию, но если есть вопросы, мы ждем в комментах!
Если рассылкой электронной почты для вас занимается сторонняя компания, необходимо убедиться, что она поддерживает AMP. Следующие сервисы уже поддерживают спецификацию AMP или активно работают над внедрением этой технологии:
AMP-письма совместимы с нынешней экосистемой электронной почты благодаря новой части стандарта MIME [20]. Таким образом, если почтовый клиент еще не поддерживает AMP-письма, такое письмо будет показано в формате HTML. Более подробную информацию о характеристиках, а также инструкции можно найти здесь [21]. Мы очень ждем фидбека и от пользователей, и от разработчиков.
Чтобы AMP-почта продолжала развиваться на благо пользователей, нам требуется ваша помощь. Поэтому в рамках модели управления AMP [22] и в качестве канала для получения обратной связи от отправителей и почтовых сервисов была создана особая рабочая группа по развитию технологии AMP для электронных писем. Перед этой группой стоят две задачи:
Если вы представляете сервис электронной почты, занимаетесь отправкой писем или просто хотите войти в рабочую группу [23] по развитию технологии AMP, вы можете принять участие в обсуждении проблем на странице ampproject/wg—amp4email repository [24] или присоединиться к каналу #wg—amp4email [25] в Slack.
Открытый код программного обеспечения, поддержка множества производителей, стратегия постепенной миграции и открытая рабочая группа, в которой прислушиваются к каждому, помогут нам создать электронную почту нового поколения, доступную каждому.
Автор: Developers_Relations
Источник [26]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/312777
Ссылки в тексте:
[1] ecwid.ru: http://ecwid.ru
[2] AMP для электронной почты: https://amp.dev/about/email.html
[3] редактор: https://postmaster.mail.ru/amp/playground.html
[4] официальном: https://www.blog.google/products/gmail/take-action-and-stay-up-to-date-with-dynamic-email-in-gmail/
[5] Ru: https://postmaster.mail.ru/amp/
[6] Yahoo! Mail: https://verizon-postmaster.tumblr.com/post/183699380323/amp-support-in-yahoo-mail
[7] com: https://techcommunity.microsoft.com/t5/Outlook-Blog/Support-for-AMP-HTML-preview-in-Outlook-com/ba-p/382832
[8] Ecwid: https://www.ecwid.com/blog/e-commerce-email
[9] OYO Rooms: https://medium.com/oyotech/amp-for-email-making-interactive-and-dynamic-email-experiences-at-oyo-ed7a6d8754b3
[10] здесь: https://www.ampproject.org/docs/integration/integrate-amphtml-email
[11] тестовой площадке: https://playground.amp.dev/#runtime=amp4email
[12] https://cdn.ampproject.org/v0.js: https://cdn.ampproject.org/v0.js
[13] сюда: https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup.html?format=websites
[14] amp-bind: https://www.ampproject.org/docs/reference/components/amp-bind
[15] SparkPost: https://www.sparkpost.com/blog/amp-for-email-is-here/
[16] Litmus: https://litmus.com/
[17] Twilio Sendgrid: https://sendgrid.com/blog/coming-soon-sendgrid-support-for-amp-for-email
[18] Amazon SES: https://aws.amazon.com/ses/
[19] Amazon Pinpoint: https://aws.amazon.com/pinpoint/
[20] новой части стандарта MIME: https://www.ampproject.org/docs/interaction_dynamic/amp-email-format#adding-amp-to-existing-emails
[21] здесь: https://www.ampproject.org/docs/interaction_dynamic/amp-email-format#the-amphtml-email-format
[22] модели управления AMP: https://blog.amp.dev/2018/11/30/amp-projects-new-governance-model-now-in-effect/
[23] рабочую группу: https://github.com/ampproject/meta/blob/master/GOVERNANCE.md#working-groups
[24] ampproject/wg—amp4email repository: https://github.com/ampproject/wg-amp4email
[25] #wg—amp4email: https://github.com/ampproject/amphtml/blob/master/CONTRIBUTING.md#ongoing-participation
[26] Источник: https://habr.com/ru/post/445528/?utm_campaign=445528
Нажмите здесь для печати.