«С новой вкладкой «Промоакции» в Gmail у Samsung появилась возможность начать более содержательные разговоры с получателями в тот момент, когда они открывают Gmail, создавая тем самым удобство и улучшая визуальное восприятие».
Джейк Эйд,
Старший маркетинг-менеджер отдела CRM и лояльности в Samsung
То же самое относится ко всем компаниям, занимающимся рассылкой писем о распродажах, скидках и сообщений о запуске новых продуктов.
Тем не менее, многие заметили, что эта потрясающая функциональность некоторое время была недоступна. Как же так?
Причина в том, что Gmail совершенствует аннотации для вкладки «Промоакции». Теперь она стала более функциональной и полезной.
Что такое эти обновленные аннотации к письмам, и как они будут работать — узнайте в этой статье.
Обратите внимание, что эта функциональность временно ограничена для стран ЕС.
Краткое вступление
В 2019 году Gmail выпустил новую опцию — аннотации для вкладки «Промоакции».
Это позволило брендам отображать:
- скидку (например ее размер);
- тематический товар или категорию товаров;
- дату начала и окончания распродажи;
- и изображение товара.
Такие аннотации не только давали получателям представление о том, что находится внутри письма, но и в целом привлекали их внимание.
В результате бренды зафиксировали рост OR.
«Мы впечатлены результатами использования вкладки «Промоакции» в Gmail. После маркировки наших писем логотипом Redbox и насыщенными изображениями нашей ночной кинопрогулки мы увидели значительное увеличение показателя открываемости, внешних кликов и конверсий от пользователей Gmail».
Эш Элдифрауи, директор по маркетингу и работе с клиентами компании Redbox
Stripo и несколько других известных брендов сейчас проводят A/B-тесты, чтобы предоставить вам реальные цифры, показывающие, насколько полезны эти аннотации для вкладок «Промоакции».
Аннотации 2.0 для вкладки «Промоакции» в Gmail
Карусель товаров
О, да. Теперь вы можете добавлять до 10 изображений товаров в аннотации к письмам.
Важно отметить:
Ваши изображения должны иметь одинаковое соотношение сторон. Например, если вы добавите три карточки с разным соотношением сторон, ваша карусель не будет отображаться. А если вы добавите шесть карточек, две из которых будут иметь одинаковое соотношение сторон, то в инбоксах получателей будут отображаться только эти две карточки.
Существуют два типа таких карточек товаров
1. Карточки товаров с ценами и описаниями продукции
В них будут указаны цены, названия товаров и уникальные ссылки, которые могут перенаправлять пользователей на соответствующие страницы вашего сайта.
Как создать карусель товаров с ценами и описаниями товаров:
Чтобы создать такую карусель товаров самостоятельно, вставьте этот пример кода в секцию <head> шаблона письма:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="application/ld+json">
[{
"@context": "http://schema.org/",
"@type": "PromotionCard",
"image": "https://IMAGE_URL_1.jpg",
"headline": "test headline",
"price": 123,
"priceCurrency": "USD",
"discountValue": 24, // this value will be subtracted from the full price
"url": "https://google.com"
},{
"@context": "http://schema.org/",
"@type": "PromotionCard",
"image": "https://IMAGE_URL_2.jpg",
"headline": "test headline",
"price": 123,
"priceCurrency": "USD",
"discountValue": 24, // this value will be subtracted from the full price
"url": "https://google.com"
},{
"@context": "http://schema.org/",
"@type": "PromotionCard",
"image": "https://IMAGE_URL_3.jpg",
"headline": "test headline",
"price": 123,
"priceCurrency": "USD",
"discountValue": 24, // this value will be subtracted from the full price
"url": "https://google.com"
}]
</script>
</head>
Замените следующие значения для каждой рекламной карточки:
- IMAGE_URL — это URL изображения товара в формате .png или .jpeg (например https://www.example.com/image.png). Поддерживаемые соотношения сторон: 4:5, 1:1, 1,91:1. Каждое изображение должно иметь уникальный URL и использовать одинаковое соотношение сторон.
- PROMO_URL — это URL продукта. При клике на изображение на вкладке «Промоакции» пользователи будут направлены на этот URL (страницу продукта).
- HEADLINE (опционально) — это описание товара длиной в 1 или 2 строки, отображаемое под изображением товара.
- PRICE (опционально) — цена продукта.
- PRICE_CURRENCY (опционально) — это валюта цены. Обратите внимание, что необходимо использовать трехбуквенный код валюты (не путать с символом валюты) в соответствии с ISO 4217. Например: USD, AUD, UAH.
- DISCOUNT_VALUE (опционально) — это размер скидки. Вы задаете исходную цену, а затем указываете величину скидки. В этом случае Google автоматически подсчитывает новую цену. Она отображается рядом с исходной ценой. Например, значение скидки равно 25, (исходная) цена равна 100, а откорректированная цена отображается как $75.
Обратите внимание, что при клике на карточку товара в карусели пользователи попадают не в ваше письмо, а на ваш сайт.
2. Карточки товаров только с изображениями товаров
При желании вы можете иметь 10 изображений товаров с 1 значком скидки (суммой скидки) для всех них. И да, ссылки все равно будут уникальными для каждого изображения товара.
Как создать простую карусель товаров:
Для самостоятельной разработки используйте приведенный выше пример кода. Только не забудьте исключить значения, отмеченные как опциональные.
Автоматически генерируемые карточки товаров
Если вы не настроили аннотации к письмам вручную, Gmail автоматически извлечет изображения товаров и информацию о них для создания карусели товаров.
Эта была создана автоматически.
Как это работает?
Они используют машинное обучение (ML, machine learning), которое сканирует ваше письмо. Если в письме обнаруживаются повторяющиеся паттерны и элементы, которые ML рассматривает как составляющие карточки товара, то Google автоматически создает для вас карусель товаров.
Обратите внимание, что описания товаров, цены и прочее не будут отображаться при автоматическом извлечении.
Чтобы лучше понять, что мы имеем в виду под «повторяющимися паттернами», взгляните на два приведенных ниже письма:
Пример 1:
Письмо от Comfy
Пример 2:
Письмо от Epicenter
ML обнаруживает и извлекает первый повторяющийся паттерн. Даже если в этом письме их два.
Аннотация к этому письму была размещена в самом начале секции «Автоматически генерируемые карточки товаров».
Одиночное изображение
Не беспокойтесь, Google по-прежнему поддерживает этот вариант. Тем не менее, они смягчили требования к изображениям. В результате теперь они поддерживают почти все распространенные соотношения сторон картинок.
И все же рекомендуются 2:3, 4:5, 1:1, 3:2 и 1,91:1.
Как это выглядело раньше:
Прежде допускалось только соотношение 3,9:1.
Письмо от Pinterest
Как это выглядит сейчас:
Большинство распространенных соотношений сторон изображения теперь разрешены.
Вымышленный пример
Как создать одиночную картинку для превью:
Чтобы самостоятельно создать одиночное изображение для превью, просто вставьте этот пример кода в секцию <head> шаблона вашего письма:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="application/ld+json">
[{
"@context": "http://schema.org/",
"@type": "PromotionCard",
"image": "IMAGE_URL",
"headline": "HEADLINE",
"price": PRICE,
"priceCurrency": "USD",
"discountValue": DISCOUNT_VALUE
"url": "YOURURL"
}]
</script>
</head>
Описание значений приведено в секции «Карусель товаров».
Замените следующие значения для каждой рекламной карточки:
- IMAGE_URL — это URL изображения вашего продукта в формате .png или .jpeg (например https://www.example.com/image.png).
- YOURURL — это URL продукта. При нажатии на изображение на вкладке «Промоакции» ваши пользователи будут направлены на этот URL (страницу продукта).
- HEADLINE (опционально) — это описание товара длиной в 1 или 2 строки, которое отображается под изображением товара.
- PRICE (опционально) — цена продукта.
- PRICE_CURRENCY (опционально) — это валюта цены. Обратите внимание, что необходимо использовать трехбуквенный код валюты (не путать с символом валюты) в соответствии с ISO 4217. Например: USD, AUD, UAH.
- DISCOUNT_VALUE (опционально) — это размер скидки. Вы задаете исходную цену, а затем указываете величину скидки. В этом случае Google автоматически подсчитывает новую цену. Она отображается рядом с исходной ценой. Например, значение скидки равно 25, (исходная) цена — 100, а откорректированная цена — $75.
Аннотация скидки
Да, мы по-прежнему можем показывать сумму скидки, промокод и дату окончания продаж в аннотациях.
Как создать аннотацию скидки:
Чтобы создать аннотацию скидки самостоятельно, просто вставьте этот пример кода в секцию <head> шаблона письма:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="application/ld+json">
[{
"@context": "http://schema.org/",
"@type": "DiscountOffer",
"description": "DESCRIPTION"
"discountCode": "DISCOUNT_CODE",
"availabilityStarts": "START_DATE_TIME",
"availabilityEnds": "END_DATE_TIME"
}]
</script>
</head>
Замените следующие значения для каждой рекламной карточки:
- DESCRIPTION (опционально) — это текст, который отображает значок скидки. Например скидка 20% или бесплатная доставка.
- DISCOUNT_CODE (опционально) — это акционный промокод. Например STRIPO2023.
- START_DATE_TIME (опционально) — это дата и время начала действия акции. Обязательно придерживайтесь формата ISO 8601. Например 2023-02-22T18:44:37-07:00.
- END_DATE_TIME (опционально) — это дата и время начала действия акции. Обязательно придерживайтесь формата ISO 8601. Например 2023-02-23T18:44:37-07:00.
Отслеживание эффективности аннотаций к письмам
Конечно, пробуя что-то новое, вы хотите знать, как оно работает и стоит ли это ваших усилий и времени.
Итак, как оценить аннотации к письмам в Gmail?
В настоящее время существует только один способ сделать это — добавить пиксель отслеживания к картинке/картинкам в превью одиночного изображения или карусели товаров.
Все ссылки в ваших каруселях товаров не отслеживаются. Тем не менее, пиксель показывает, сколько раз карточки товаров были показаны получателям.
Что можно сделать с этими данными?
Проведите A/B-тест для измерения OR:
- сегментируйте контакты и выберите только тех, кто пользуется Gmail;
- разделите эту половину на две части;
- группе A отправьте обычное письмо без аннотаций;
- группе B — письмо с аннотациями к письмам со встроенным пикселем отслеживания;
- проверьте, сколько раз пользователи видели ваши аннотации к письмам и сколько из них открыли письма;
- сравните OR для обеих групп.
Мы убеждены, что существует способ измерения конверсии писем с аннотациями. Мы сейчас тестируем его. И если он окажется надежным, то опишем этот метод и поделимся результатами.
Другие изменения, которые принес нам новый релиз
- В новой версии аннотаций для вкладки «Промоакции» для отображения аннотаций получателям не нужно попадать в "Top Picks", если письмо приходит в папку «Промоакции». Обратите внимание, что логотип будет отображаться только в том случае, если письмо попадет в "Top Picks". Однако если вы пройдете аутентификацию в соответствии со стандартом Google BIMI, ваш логотип будет отображаться независимо от того, куда попадет письмо — на вкладку "Top Picks" или в общую вкладку «Промоакции».
- Старая версия аннотаций к письмам в Gmail имеет поддержку разметки JSON-LD и Microdata. Сегодня Google говорит, что у них есть поддержка только JSON-LD. Но при этом они не говорят, что ваши данные не будут функционировать или будут работать неправильно, если вы используете разметку Microdata.
- Карусели товаров теперь могут создаваться Google автоматически. Как это происходит, мы описали в разделе «Карусель товаров».
- Мы уже говорили об этом, но я хотел бы повторить: при клике на изображение товара в карусели пользователи попадают на ваш сайт, а не в письмо.
Чего еще ожидать
- В настоящее время, как и раньше, аннотации к письмам работают только на мобильных устройствах. А теперь Google заявляет, что собирается разрешить эти аннотации и для десктопов. Ура!
- Аннотации к письмам будут доступны для ЕС в ближайшем будущем.
Когда Stripo обновит свой конструктор аннотаций к письмам?
Как известно, такие аннотации можно создавать с помощью конструктора аннотаций Stripo.
Тем не менее, мы работаем над воплощением новой версии аннотаций к письмам в Gmail уже около месяца. А примерно через две-три недели мы выпустим новую, усовершенствованную версию генератора, с помощью которого можно будет создавать превью для отдельных изображений и карточки товара без навыков кодирования.
В завершение
Особенности аннотаций для вкладки «Промоакции»:
- обеспечение более высокой конверсии, поскольку получатели сразу же переходят на ваши сайты без необходимости сначала открывать письма;
- улучшение заметности ваших писем.
Обратите внимание:
Мы обновим мануал по созданию аннотаций для вкладки «Промоакции» без использования кода в нашем специальном гайде.
4 комментариев