Сейчас все обсуждают технологию Google AMP 4 Gmail, релиз которой состоялся 26 марта этого года.
Теперь емейл-маркетологи наконец смогут отправлять динамический и интерактивный контент тем получателям, которые используют емейл-клиенты Gmail для десктопных устройств. Динамический контент — один из трендов 2019 года, который позволяет передавать информацию пользователям в режиме реального времени. В частности, это можно делать при помощи электронных писем. Получатели теперь смогут голосовать, оставлять комментарии, покупать билеты и делать многое другое непосредственно в своих входящих.
(создано в: Gmail AMP for Email Playground)
Этот пример карусели изображений на основе АМР. Он наглядно показывает, что теперь вместо одного баннера и многочисленных карточек товаров мы можем использовать 4 или даже 5 баннеров, но места они займут ровно столько же, сколько ранее занимал один. Получателям больше не нужно увеличивать картинки в карточке товаров, чтоб более детально все рассмотреть теперь — они могут просто переключать с баннера на баннер, просто нажимая на стрелочку. К тому же, дабы сделать баннеры более функциональными, вы смело можете добавить описание товара на соответсвующем изображении, это сделает вашу каруесль еще функциональнее.
Кто поддерживает AMP для емейлов
Gmail – не единственный емейл-клиент, который поддерживает AMP. Эту технологию также имплементировали Mail.ru и Yahoo. Что касается Outlook,то релиз AMP-поддержки ожидается этим летом. Это первый случай в истории, когда Microsoft намерен поддерживать все, что разработано Google.
Gmail (26%), Yahoo (7%) и MS Outlook (9%) в совокупности составляют 42% рынка США, тогда как в России вышеупомянутые клиенты плюс Mail.ru (33%) составляют 75%.
Что еще нужно, чтобы улучшить емейлы с помощью AMP?
Помимо необходимости поддержки со стороны емейл-клиентов, для успешной доставки AMP-емейлов вам понадобится следующее:
1. Убедитесь, что ваш ESP поддерживает динамические емейлы
На сегодняшний день этим могут похвастать только три сервиса рассылок:
Почему до сих пор только три сервиса рассылок поддерживают AMP? Дело в том, что критически важное условие для доставки AMP-емейлов — ни много ни мало реконструкция всей системы. Раньше было только два типа протоколов: HTML и plain text, но теперь нужен формат MIME-type, или text-amphtml – а это совершенно новый протокол электронной почты. И для его реализации требуется много времени, а также навыки 80 уровня в написании кода;
2. Проверьте, зарегистрирован ли ваш бренд в Google как отправитель AMP-емейлов.
Чтобы получить возможность регистрации бренда-отправителя динамического контента в Gmail, вы должны принять Требования к отправителям массовых рассылок.
Как это работает сейчас
1. Вы вручную, на коленке, создаете динамический контент для AMP-емейлов.
Требования к коду этих емейлов:
-
код должен начинаться с типа документа <!doctype html>;
-
необходимый тег <html ⚡4email> или <html amp4email> должен находиться между типом документа (doctype) и тегом <head>;
-
все компоненты этого контента должны иметь теги «amp» в HTML-коде емейла;
-
кодировка <meta charset="utf-8"> должна быть указана в <head> кода;
-
<style amp4email-ilerplate>body{visibility:hidden}</ style> - этот компонент будет скрывать контент вашего емейла до загрузки AMP JS. Если емейл-клиент не поддерживает этот тип, то отображается обычный HTML-код, который вы добавляете как резервный;
-
<script async src="https://cdn.ampproject.org/v0.js"></script> - загружает код AMP при открытии емейла;
-
в AMP-элементах все стили CSS должны быть помещены в тег <style amp-custom> или в атрибуты <style>.
(источник: Google)
2. Далее вам нужно протестировать контент с помощью любого из двух AMP-валидаторов – Gmail validator либо Litmus;
3. Отправить его через ESP-провайдер, который поддерживает AMP.
Создавайте AMP-емейлы с помощью Stripo
На сегодняшний день не существует такого drag-and-drop редактора, который позволял бы перетаскивать AMP-блоки в шаблон, поэтому единственный выход – писать код. Это означает, что создание емейлов с применением технологии AMP требует помощи программистов или ваших навыков написания кода.
Но я рада сообщить вам, что Stripo сейчас активно работает над разработкой и имплементацией инновационных методов, которые позволят вам создавать и добавлять AMP-элементы непосредственно в редакторе.
Просто представьте: вы перетаскиваете в шаблон блок “Карусель изображений”, добавляете картинки — и ваш динамический емейл готов удивлять получателей новыми опциями.
Это важно: наш AMPHTML-код будет иметь запасной скрипт для емейл-клиентов, которые не поддерживают AMP.
Временная альтернатива технологии AMP для емейлов
Но пока новая технология еще не запущена, вы можете использовать наш базовый HTML-блок и открытый HTML-код, чтобы встраивать или даже создавать интерактивные элементы непосредственно в Stripo.
К вашим услугам таймеры обратного отсчета, эффект ролловера изображений, CSS-анимации и опросы.
Вы также можете использовать разработанные нами интерактивные шаблоны, которые отлично работают в большинстве емейл-клиентов, в том числе в Apple Mail, Gmail и Yahoo.
В завершение
Как только мы завершим разработку и имплементацию AMP-блоков, мы опубликуем инструкцию по использованию этой принципиально новой опции нашего редактора.
Но на этапе разработки мы будем очень благодарны за любую помощь.
Возможно, у вас есть идеи, как лучше реализовать эту инновацию. Или, может быть, вы уже создавали AMP-емейлы с Google Playground и знаете, что действительно работает, а что можно убрать. Это существенно ускорит разработку функции AMP drag-and-drop и ее встраивание в Stripo.
Поэтому мы просим вас помочь нам и всем емейл-маркетологам в создании не только информативных, но и действительно многофункциональных рассылок.
Пишите нам по емейл-адресу contact@stripo.email или оставляйте свои рекомендации в разделе комментариев. Мы оценим по достоинству любое содействие.
