Документ посвящён внедрению технологии AMP для электронной почты, которая позволяет создавать динамические и интерактивные письма, улучшая пользовательский опыт. Обсуждаются возможности AMP, примеры успешного внедрения и его влияние на конверсии, а также важные аспекты безопасности при отправке таких писем. В заключении подчеркивается, что внедрение HTML и других технологий в электронную почту — это неизбежный процесс, требующий коллективных усилий для его правильного направления.

1. Сергей ПЕШКОВ
Фронтенд-разработчик
Mail.ru

2. ПЛАН
1. Пара слов об электронной почте
2. Что такое AMP для эл. почты?
3. AMP for Email в наших продуктах
4. Возможности AMP в эл. почте
5. Как работает AMP for Email?
6. AMP for Email & OZON: кейс внедрения
7. Экосистема AMP for Email
8. Заключение

3. КРУПШЕЙШИЙ
Сервис электронной
почты в Рунете
32.3МЛН
Ежемесячная аудитория
#5В мире по DAU
MAIL.RU ЭТО

4. 3.9МЛРД
ЧЕЛОВЕК
ПОЛЬЗУЮТСЯ
ЭЛЕКТРОННОЙ
ПОЧТОЙ

5. 95% ПОЛЬЗОВАТЕЛЕЙ
ИНТЕРНЕТА
ИМЕЮТ
EMAIL-ЯЩИК

6. МЫ ЛЮБИМ EMAIL!

7. НО…

8. ФОРМАТУ
ЭЛЕКТРОННОЙ
ПОЧТЫ БОЛЕЕ
40
ЛЕТ

9. ИМЕЙЛЫ
СТАТИЧНЫ
И НЕ ВСЕГДА
ОТРАЖАЮТ
РЕАЛЬНОСТЬ
В ДАННЫЙ
МОМЕНТ

10. ПОЛЬЗОВАТЕЛИ
ТЕРЯЮТ
КОНТЕКСТ
МЕЖДУ ПИСЬМОМ
И СЕРВИСОМ
ОТПРАВИТЕЛЯ

11. ИТАК…

12. ACCELERATED
MOBILE
PAGES

13. AMP ЭТО
БЕСПЛАТНО И
OPEN-SOURCE
УНИВЕРСАЛЬНЫЕ
ВИЗУАЛЬНЫЕ
КОМПОНЕНТЫ
БЕЗОПАСНО ДЛЯ
ИСПОЛЬЗОВАНИЯ
В EMAIL

14. + =

15. =
AMP ДЛЯ
ЭЛЕКТРОННОЙ ПОЧТЫ
https://amp.dev/about/email/

16. ПОЗВОЛЯЕТ
СОЗДАВАТЬ
ДИНАМИЧЕСКИЕ
И ИНТЕРАКТИВНЫЕ
ПИСЬМА

17. ПОДДЕРЖИВАЕТСЯ

18. ПРЕЖДЕ, ЧЕМ МЫ
ПРОДОЛЖИМ…

20. КОГДА КТО-ТО
ПРИГЛАШАЕТ
ВАС НА
ВСТРЕЧУ, НА
ВАШ EMAIL
ПРИХОДИТ
УВЕДОМЛЕНИЕ

22. ПИСЬМО ОТОБРАЖАЕТ
ВРЕМЯ ДО СОБЫТИЯ
В СООТВЕТСТВИИ С
ЛОКАЛЬНЫМ
ВРЕМЕНЕМ
ПОЛЬЗОВАТЕЛЯ

23. ПОЛЬЗОВАТЕЛЬ МОЖЕТ
ПРИНЯТЬ ИЛИ ОТКЛОНИТЬ
ПРИГЛАШЕНИЕ
ПРЯМО ИЗ
ПИСЬМА

24. ПИСЬМО ВСЕГДА
ПОКАЗЫВАЕТ САМЫЙ
АКТУАЛЬНЫЙ
СПИСОК УЧАСТНИКОВ

25. А ЧТО ВООБЩЕ УМЕЕТ AMP?

26. MENUS
XHR
FORMS
SLIDERS
ACCORDEONS

27. AMP-FORM
ПОДДЕРЖИВАЕТ
ВАЛИДАЦИЮ
И ОТОБРАЖЕНИЕ
ОШИБОК

28. AMP-LIST
МОЖЕТ ЗАГРУЖАТЬ
И ОТОБРАЖАТЬ
ЛЮБЫЕ ДАННЫЕ
С СЕРВЕРА
ОТПРАВИТЕЛЯ

29. AMP-BIND
AMP-STATE
ПОЗВОЛЯЮТ
ИЗМЕНЯТЬ
СОДЕРЖИМОЕ
ПИСЕМ
НА КЛИЕНТЕ

30. CAROUSEL
SIDEBAR
ACCORDION
И МНОГИЕ
ДРУГИЕ
УЛУЧШАЮТ UX
И ВОВЛЕЧЕНИЕ
ПОЛЬЗОВАТЕЛЯ

31. https://amp.dev/documentation/components/?format=email
ПОЛНЫЙ СПИСОК
КОМПОНЕНТОВ AMP FOR EMAIL

32. КАК ЭТО РАБОТАЕТ?

33. CONTENT-TYPE:
MULTIPART/ALTERNATIVE
AMP
VERSION
PLAINTEXT
VERSION
HTML
VERSION
EMAIL

34. PLAINTEXT
AMP
HTML

35. AMP for Email атрибут
Главный скрипт AMPHTML
МИНИМАЛЬНЫЙ КОД AMP-ПИСЬМА:

36. AMP-ПИСЬМА В ПОЧТЕ MAIL.RU

37. БЕЗОПАСНОСТЬ AMP

38. ЧЕК-ЛИСТ ОТПРАВИТЕЛЯ
ü Убедитесь, что письма проходят проверки DKIM,
DMARK и SPF
ü Напишите в Gmail, Mail.ru и Outlook, чтобы вас
добавили в белые списки AMP отправителей
ü Удостоверьтесь, что ваши письма проходят
валидацию. AMP-парт не отображается при наличии
хотя бы одной ошибки валидации
ü Ваши письма должны включать валидный HTML-парт

39. ГОТОВО К
ИСПОЛЬЗОВАНИЮ?

40. ДА

41. СТАТИСТИКА

42. ПРИМЕР ВНЕДРЕНИЯ:

43. 900 000
ЧЕЛОВЕК
ПОЛУЧАТ
AMP-РАССЫЛКУ
ОТ OZON
НЕКОТОРЫЕ УЖЕ
ПОЛУЧИЛИ

44. РАССЫЛКА
ВКЛЮЧАЕТ
В СЕБЯ
СЛАЙДЕР
И ОПРОС
СОДЕРЖИМОЕ
СЛАЙДЕРА
ВСЕГДА
АКТУАЛЬНО

45. РОСТ
КОНВЕРСИИ
КЛИКОВ
ПО БАННЕРАМ
+26%

46. +10%
РОСТ
КОНВЕРСИИ
ОПРОСА

47. НЕПЛОХО, ДА?

48. ВОКРУГ
AMP-ПИСЕМ
ПОЯВЛЯЕТСЯ
ЭКОСИСТЕМА

49. МНОГИЕ РАССЫЛЬЩИКИ
УЖЕ ПОДДЕРЖИВАЮТ AMP

50. ЭКСПЕРИМЕНТАЛЬНАЯ
ПОДДЕРЖКА
AMP-ПИСЕМ
В РАМКАХ
MAIL.RU ДЛЯ
БИЗНЕСА

51. AMP
ДЕЛАЕТ ИМЕЙЛЫ
БЕЗОПАСНЕЕ
ПРИНУЖДАЯ К
ИСПОЛЬЗОВАНИЮ
DKIM, DMARC, SPF

52. https://github.com/ampproject/wg-amp4email
https://amphtml.slack.com/messages
/wg-amp4email/
AMP FOR EMAIL WG

53. ЗАКЛЮЧЕНИЕ

54. НАМ КАЖЕТСЯ, ЧТО
ФОРМАТ ЭЛ. ПОЧТЫ
СТАБИЛЬНЫЙ И
НАДЁЖНЫЙ
НО ТАК БЫЛО
НЕ ВСЕГДА

55. ВНЕДРЕНИЕ
HTML
В ПИСЬМА
ВЫЗВАЛО
В СВОЁ ВРЕМЯ
МНОГО СПОРОВ

56. НО СЕГОДНЯ
ТОЛЬКО
3%КЛИЕНТОВ
НЕ ИМЕЮТ
ПОДДЕРЖКИ
HTML

57. Технологии – это гонка, остановить которую невозможно.
Но можно совместными усилиями направить её по
верному пути.
СПАСИБО!