SlideShare une entreprise Scribd logo
1  sur  57
Télécharger pour lire hors ligne
Сергей ПЕШКОВ
Фронтенд-разработчик
Mail.ru
ПЛАН
1. Пара слов об электронной почте
2. Что такое AMP для эл. почты?
3. AMP for Email в наших продуктах
4. Возможности AMP в эл. почте
5. Как работает AMP for Email?
6. AMP for Email & OZON: кейс внедрения
7. Экосистема AMP for Email
8. Заключение
КРУПШЕЙШИЙ
Сервис электронной
почты в Рунете
32.3МЛН
Ежемесячная аудитория
#5В мире по DAU
MAIL.RU ЭТО
3.9МЛРД
ЧЕЛОВЕК
ПОЛЬЗУЮТСЯ
ЭЛЕКТРОННОЙ
ПОЧТОЙ
95% ПОЛЬЗОВАТЕЛЕЙ
ИНТЕРНЕТА
ИМЕЮТ
EMAIL-ЯЩИК
МЫ ЛЮБИМ EMAIL!
НО…
ФОРМАТУ
ЭЛЕКТРОННОЙ
ПОЧТЫ БОЛЕЕ
40
ЛЕТ
ИМЕЙЛЫ
СТАТИЧНЫ
И НЕ ВСЕГДА
ОТРАЖАЮТ
РЕАЛЬНОСТЬ
В ДАННЫЙ
МОМЕНТ
ПОЛЬЗОВАТЕЛИ
ТЕРЯЮТ
КОНТЕКСТ
МЕЖДУ ПИСЬМОМ
И СЕРВИСОМ
ОТПРАВИТЕЛЯ
ИТАК…
ACCELERATED
MOBILE
PAGES
AMP ЭТО
БЕСПЛАТНО И
OPEN-SOURCE
УНИВЕРСАЛЬНЫЕ
ВИЗУАЛЬНЫЕ
КОМПОНЕНТЫ
БЕЗОПАСНО ДЛЯ
ИСПОЛЬЗОВАНИЯ
В EMAIL
+ =
=
AMP ДЛЯ
ЭЛЕКТРОННОЙ ПОЧТЫ
https://amp.dev/about/email/
ПОЗВОЛЯЕТ
СОЗДАВАТЬ
ДИНАМИЧЕСКИЕ
И ИНТЕРАКТИВНЫЕ
ПИСЬМА
ПОДДЕРЖИВАЕТСЯ
ПРЕЖДЕ, ЧЕМ МЫ
ПРОДОЛЖИМ…
КОГДА КТО-ТО
ПРИГЛАШАЕТ
ВАС НА
ВСТРЕЧУ, НА
ВАШ EMAIL
ПРИХОДИТ
УВЕДОМЛЕНИЕ
ПИСЬМО ОТОБРАЖАЕТ
ВРЕМЯ ДО СОБЫТИЯ
В СООТВЕТСТВИИ С
ЛОКАЛЬНЫМ
ВРЕМЕНЕМ
ПОЛЬЗОВАТЕЛЯ
ПОЛЬЗОВАТЕЛЬ МОЖЕТ
ПРИНЯТЬ ИЛИ ОТКЛОНИТЬ
ПРИГЛАШЕНИЕ
ПРЯМО ИЗ
ПИСЬМА
ПИСЬМО ВСЕГДА
ПОКАЗЫВАЕТ САМЫЙ
АКТУАЛЬНЫЙ
СПИСОК УЧАСТНИКОВ
А ЧТО ВООБЩЕ УМЕЕТ AMP?
MENUS
XHR
FORMS
SLIDERS
ACCORDEONS
AMP-FORM
ПОДДЕРЖИВАЕТ
ВАЛИДАЦИЮ
И ОТОБРАЖЕНИЕ
ОШИБОК
AMP-LIST
МОЖЕТ ЗАГРУЖАТЬ
И ОТОБРАЖАТЬ
ЛЮБЫЕ ДАННЫЕ
С СЕРВЕРА
ОТПРАВИТЕЛЯ
AMP-BIND
AMP-STATE
ПОЗВОЛЯЮТ
ИЗМЕНЯТЬ
СОДЕРЖИМОЕ
ПИСЕМ
НА КЛИЕНТЕ
CAROUSEL
SIDEBAR
ACCORDION
И МНОГИЕ
ДРУГИЕ
УЛУЧШАЮТ UX
И ВОВЛЕЧЕНИЕ
ПОЛЬЗОВАТЕЛЯ
https://amp.dev/documentation/components/?format=email
ПОЛНЫЙ СПИСОК
КОМПОНЕНТОВ AMP FOR EMAIL
КАК ЭТО РАБОТАЕТ?
CONTENT-TYPE:
MULTIPART/ALTERNATIVE
AMP
VERSION
PLAINTEXT
VERSION
HTML
VERSION
EMAIL
PLAINTEXT
AMP
HTML
AMP for Email атрибут
Главный скрипт AMPHTML
МИНИМАЛЬНЫЙ КОД AMP-ПИСЬМА:
AMP-ПИСЬМА В ПОЧТЕ MAIL.RU
БЕЗОПАСНОСТЬ AMP
ЧЕК-ЛИСТ ОТПРАВИТЕЛЯ
ü Убедитесь, что письма проходят проверки DKIM,
DMARK и SPF
ü Напишите в Gmail, Mail.ru и Outlook, чтобы вас
добавили в белые списки AMP отправителей
ü Удостоверьтесь, что ваши письма проходят
валидацию. AMP-парт не отображается при наличии
хотя бы одной ошибки валидации
ü Ваши письма должны включать валидный HTML-парт
ГОТОВО К
ИСПОЛЬЗОВАНИЮ?
ДА
СТАТИСТИКА
ПРИМЕР ВНЕДРЕНИЯ:
900 000
ЧЕЛОВЕК
ПОЛУЧАТ
AMP-РАССЫЛКУ
ОТ OZON
НЕКОТОРЫЕ УЖЕ
ПОЛУЧИЛИ
РАССЫЛКА
ВКЛЮЧАЕТ
В СЕБЯ
СЛАЙДЕР
И ОПРОС
СОДЕРЖИМОЕ
СЛАЙДЕРА
ВСЕГДА
АКТУАЛЬНО
РОСТ
КОНВЕРСИИ
КЛИКОВ
ПО БАННЕРАМ
+26%
+10%
РОСТ
КОНВЕРСИИ
ОПРОСА
НЕПЛОХО, ДА?
ВОКРУГ
AMP-ПИСЕМ
ПОЯВЛЯЕТСЯ
ЭКОСИСТЕМА
МНОГИЕ РАССЫЛЬЩИКИ
УЖЕ ПОДДЕРЖИВАЮТ AMP
ЭКСПЕРИМЕНТАЛЬНАЯ
ПОДДЕРЖКА
AMP-ПИСЕМ
В РАМКАХ
MAIL.RU ДЛЯ
БИЗНЕСА
AMP
ДЕЛАЕТ ИМЕЙЛЫ
БЕЗОПАСНЕЕ
ПРИНУЖДАЯ К
ИСПОЛЬЗОВАНИЮ
DKIM, DMARC, SPF
https://github.com/ampproject/wg-amp4email
https://amphtml.slack.com/messages
/wg-amp4email/
AMP FOR EMAIL WG
ЗАКЛЮЧЕНИЕ
НАМ КАЖЕТСЯ, ЧТО
ФОРМАТ ЭЛ. ПОЧТЫ
СТАБИЛЬНЫЙ И
НАДЁЖНЫЙ
НО ТАК БЫЛО
НЕ ВСЕГДА
ВНЕДРЕНИЕ
HTML
В ПИСЬМА
ВЫЗВАЛО
В СВОЁ ВРЕМЯ
МНОГО СПОРОВ
НО СЕГОДНЯ
ТОЛЬКО
3%КЛИЕНТОВ
НЕ ИМЕЮТ
ПОДДЕРЖКИ
HTML
Технологии – это гонка, остановить которую невозможно.
Но можно совместными усилиями направить её по
верному пути.
СПАСИБО!

Contenu connexe

Plus de Mail.ru Group

RAPIDS: ускоряем Pandas и scikit-learn на GPU Павел Клеменков, NVidia
RAPIDS: ускоряем Pandas и scikit-learn на GPU  Павел Клеменков, NVidiaRAPIDS: ускоряем Pandas и scikit-learn на GPU  Павел Клеменков, NVidia
RAPIDS: ускоряем Pandas и scikit-learn на GPU Павел Клеменков, NVidiaMail.ru Group
 
WebAuthn в реальной жизни, Анатолий Остапенко
WebAuthn в реальной жизни, Анатолий ОстапенкоWebAuthn в реальной жизни, Анатолий Остапенко
WebAuthn в реальной жизни, Анатолий ОстапенкоMail.ru Group
 
Как мы захотели TWA и сделали его без мобильных разработчиков, Данила Стрелков
Как мы захотели TWA и сделали его без мобильных разработчиков, Данила СтрелковКак мы захотели TWA и сделали его без мобильных разработчиков, Данила Стрелков
Как мы захотели TWA и сделали его без мобильных разработчиков, Данила СтрелковMail.ru Group
 
Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...
Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...
Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...Mail.ru Group
 
Метапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.Такси
Метапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.ТаксиМетапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.Такси
Метапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.ТаксиMail.ru Group
 
Как не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru Group
Как не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru GroupКак не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru Group
Как не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru GroupMail.ru Group
 
Этика искусственного интеллекта, Александр Кармаев (AI Journey)
Этика искусственного интеллекта, Александр Кармаев (AI Journey)Этика искусственного интеллекта, Александр Кармаев (AI Journey)
Этика искусственного интеллекта, Александр Кармаев (AI Journey)Mail.ru Group
 
Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...
Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...
Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...Mail.ru Group
 
Конвергенция технологий как тренд развития искусственного интеллекта, Владими...
Конвергенция технологий как тренд развития искусственного интеллекта, Владими...Конвергенция технологий как тренд развития искусственного интеллекта, Владими...
Конвергенция технологий как тренд развития искусственного интеллекта, Владими...Mail.ru Group
 
Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)
Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)
Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)Mail.ru Group
 
Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()
Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()
Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()Mail.ru Group
 
Learning from Swift sources, Иван Сметанин
Learning from Swift sources, Иван СметанинLearning from Swift sources, Иван Сметанин
Learning from Swift sources, Иван СметанинMail.ru Group
 
Будни с (R)Lottie, Антон Сергеев
Будни с (R)Lottie, Антон СергеевБудни с (R)Lottie, Антон Сергеев
Будни с (R)Lottie, Антон СергеевMail.ru Group
 
TestOps или QA 2.0, Андрей Ю
TestOps или QA 2.0, Андрей ЮTestOps или QA 2.0, Андрей Ю
TestOps или QA 2.0, Андрей ЮMail.ru Group
 
Полный цикл тестирования React-приложений, Алексей Андросов и Наталья Стусь
Полный цикл тестирования React-приложений, Алексей Андросов и Наталья СтусьПолный цикл тестирования React-приложений, Алексей Андросов и Наталья Стусь
Полный цикл тестирования React-приложений, Алексей Андросов и Наталья СтусьMail.ru Group
 
Организация работы с API на Vue.js, Виталий Копачёв
Организация работы с API на Vue.js, Виталий КопачёвОрганизация работы с API на Vue.js, Виталий Копачёв
Организация работы с API на Vue.js, Виталий КопачёвMail.ru Group
 
Специфика рендеринга vue.js-приложений на сервере, Алексей Клюев
Специфика рендеринга vue.js-приложений на сервере, Алексей КлюевСпецифика рендеринга vue.js-приложений на сервере, Алексей Клюев
Специфика рендеринга vue.js-приложений на сервере, Алексей КлюевMail.ru Group
 
«Продакшн в Kotlin DSL» Сергей Рыбалкин
«Продакшн в Kotlin DSL» Сергей Рыбалкин«Продакшн в Kotlin DSL» Сергей Рыбалкин
«Продакшн в Kotlin DSL» Сергей РыбалкинMail.ru Group
 
«Опыт использования каналов в корутинах в боевом проекте» Григорий Федоров
 «Опыт использования каналов в корутинах в боевом проекте»  Григорий Федоров «Опыт использования каналов в корутинах в боевом проекте»  Григорий Федоров
«Опыт использования каналов в корутинах в боевом проекте» Григорий ФедоровMail.ru Group
 
«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин
«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин
«Тестирование Java-приложений с использованием Kotlin» Сергей АлёхинMail.ru Group
 

Plus de Mail.ru Group (20)

RAPIDS: ускоряем Pandas и scikit-learn на GPU Павел Клеменков, NVidia
RAPIDS: ускоряем Pandas и scikit-learn на GPU  Павел Клеменков, NVidiaRAPIDS: ускоряем Pandas и scikit-learn на GPU  Павел Клеменков, NVidia
RAPIDS: ускоряем Pandas и scikit-learn на GPU Павел Клеменков, NVidia
 
WebAuthn в реальной жизни, Анатолий Остапенко
WebAuthn в реальной жизни, Анатолий ОстапенкоWebAuthn в реальной жизни, Анатолий Остапенко
WebAuthn в реальной жизни, Анатолий Остапенко
 
Как мы захотели TWA и сделали его без мобильных разработчиков, Данила Стрелков
Как мы захотели TWA и сделали его без мобильных разработчиков, Данила СтрелковКак мы захотели TWA и сделали его без мобильных разработчиков, Данила Стрелков
Как мы захотели TWA и сделали его без мобильных разработчиков, Данила Стрелков
 
Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...
Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...
Кейсы использования PWA для партнерских предложений в Delivery Club, Никита Б...
 
Метапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.Такси
Метапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.ТаксиМетапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.Такси
Метапрограммирование: строим конечный автомат, Сергей Федоров, Яндекс.Такси
 
Как не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru Group
Как не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru GroupКак не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru Group
Как не сделать врагами архитектуру и оптимизацию, Кирилл Березин, Mail.ru Group
 
Этика искусственного интеллекта, Александр Кармаев (AI Journey)
Этика искусственного интеллекта, Александр Кармаев (AI Journey)Этика искусственного интеллекта, Александр Кармаев (AI Journey)
Этика искусственного интеллекта, Александр Кармаев (AI Journey)
 
Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...
Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...
Нейро-машинный перевод в вопросно-ответных системах, Федор Федоренко (AI Jour...
 
Конвергенция технологий как тренд развития искусственного интеллекта, Владими...
Конвергенция технологий как тренд развития искусственного интеллекта, Владими...Конвергенция технологий как тренд развития искусственного интеллекта, Владими...
Конвергенция технологий как тренд развития искусственного интеллекта, Владими...
 
Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)
Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)
Обзор трендов рекомендательных систем от Пульса, Андрей Мурашев (AI Journey)
 
Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()
Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()
Мир глазами нейросетей, Данила Байгушев, Александр Сноркин ()
 
Learning from Swift sources, Иван Сметанин
Learning from Swift sources, Иван СметанинLearning from Swift sources, Иван Сметанин
Learning from Swift sources, Иван Сметанин
 
Будни с (R)Lottie, Антон Сергеев
Будни с (R)Lottie, Антон СергеевБудни с (R)Lottie, Антон Сергеев
Будни с (R)Lottie, Антон Сергеев
 
TestOps или QA 2.0, Андрей Ю
TestOps или QA 2.0, Андрей ЮTestOps или QA 2.0, Андрей Ю
TestOps или QA 2.0, Андрей Ю
 
Полный цикл тестирования React-приложений, Алексей Андросов и Наталья Стусь
Полный цикл тестирования React-приложений, Алексей Андросов и Наталья СтусьПолный цикл тестирования React-приложений, Алексей Андросов и Наталья Стусь
Полный цикл тестирования React-приложений, Алексей Андросов и Наталья Стусь
 
Организация работы с API на Vue.js, Виталий Копачёв
Организация работы с API на Vue.js, Виталий КопачёвОрганизация работы с API на Vue.js, Виталий Копачёв
Организация работы с API на Vue.js, Виталий Копачёв
 
Специфика рендеринга vue.js-приложений на сервере, Алексей Клюев
Специфика рендеринга vue.js-приложений на сервере, Алексей КлюевСпецифика рендеринга vue.js-приложений на сервере, Алексей Клюев
Специфика рендеринга vue.js-приложений на сервере, Алексей Клюев
 
«Продакшн в Kotlin DSL» Сергей Рыбалкин
«Продакшн в Kotlin DSL» Сергей Рыбалкин«Продакшн в Kotlin DSL» Сергей Рыбалкин
«Продакшн в Kotlin DSL» Сергей Рыбалкин
 
«Опыт использования каналов в корутинах в боевом проекте» Григорий Федоров
 «Опыт использования каналов в корутинах в боевом проекте»  Григорий Федоров «Опыт использования каналов в корутинах в боевом проекте»  Григорий Федоров
«Опыт использования каналов в корутинах в боевом проекте» Григорий Федоров
 
«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин
«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин
«Тестирование Java-приложений с использованием Kotlin» Сергей Алёхин
 

AMP для электронной почты, Сергей Пешков