Email-маркетинг | Gmail

Всё, что нужно знать о новом функционале вкладки Промоакции

В новый функционал входят такие фичи, как превью картинки писем, бэджи предложений и кастомные логотипы.
Недавно Gmail выкатил много нового функционала для вкладки "Промоакции" в почтовых клиентах для iOS и Android. Технически, некоторые из этих изменений уже были в рабочем варианте с конца апреля месяца этого года. Но по факту, Джордан Гроссман, продукт менеджер Gmail и Gmail ads сделал презентацию этого функционала в июле, на DDMA Email Summit в Нидерландах.

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

Google позиционирует этот функционал, как аннотации, указывая, что отправители будут "аннотировать" письма с помощью разметки Schema.

Топовые промоакции

Перед тем, как удариться в детали, знайте о том, что ваше письмо будет способно работать с этим функционалом только в том случае, если оно будет в секции топовых промоакций в Gmail для iOS и Android. В другом случае оно появится ниже в уже хронологическом порядке. Google не дал никаких точных пояснений о том, как выбираются письма для этой секции, но дальше мы дадим несколько полезных советов в этом плане.

Превьюшки для писем

Что это? Это изображения, которые показываются под описанием письма в вкладке Промоакции. Отправители могут настроить то, что будет показано в этих превью, вставляя в письмо код на основе Schema разметки. Тип разметки Schema для таких превьюшек это PromotionCard.

Gmail допускает два варианта вставки Schema данных. JSON в шапке письма или Microdata, который больше подходит для тела самого письма. Так же, некоторые почтовики вырезают JSON код, так как он вставляется внутри тега script. Следовательно, вариант с Microdata предпочтительнее.

JSON PromotionCard:
<script type="application/ld+json">
[{
  "@context": "http://schema.org/",
  "@type": "PromotionCard",
  "image": "https://www.google.com/gmail-for-marketers/promo-tab/markup-tool/sample.png"
}]
</script>
PromotionCard Microdata:
<div itemscope itemtype="http://schema.org/PromotionCard">
  <meta itemprop="image" content="https://gmail-ads-markup-test.sandbox.google.com/sample.png" />
</div>
Многие компании уже начали тестировать такие превьюшки несколько месяцев назад в закрытом тестировании и вот несколько примеров:
Мы пообщались с несколькими бета-тостерами и получили смешанные отзывы. В основном, ритейлеры, которые вставляли изображения продуктов или CTA, имеющие логическую связь с темой письма, наблюдали отличный рост в показателях вовлеченности и кликов. Однако, письма, которые менее продукто-ориентированы, с простыми изображениями, видели меньший рост в плане превьюшек - что, кстати, неудивительно.

Бейджи предложений

Эти бейджи показывают описание предложения и промо-код, прямо под письмом в вкладке Промоакций. Описание предложения подсвечено зеленым, а промо-код подсвечен серым. Такие бейджи имеют спецификацию DiscountOffer в Schema разметке.

Из чего состоит бейдж:
1
Описание предложения, которое подсвечивается зеленым.
2
Код скидки для предложения или же можно просто оставить это поле пустым.
3
Даты начала и окончания предложения. Можно также оставить пустым.
Как всегда, вот два варианта реализации. В JSON и в Microdata. Эти бейджи показывают описание предложения и промо-код, прямо под письмом в вкладке Промоакций. Описание предложения подсвечено зеленым, а промо-код подсвечен серым. Такие бейджи имеют спецификацию DiscountOffer в Schema разметке.

Как всегда, вот два варианта реализации. В JSON и в Microdata.
DiscountOffer JSON
<script type="application/ld+json">
[{
  "@context": "http://schema.org/",
  "@type": "DiscountOffer",
  "description": "30% off full-price styles",
  "discountCode": "LANTERN",
  "availabilityStarts": "2018-01-01T08:00:00-07:00",
  "availabilityEnds": "2018-12-30T23:59:59-07:00"
}]
</script>
DiscountOffer Microdata:
<div itemscope itemtype="http://schema.org/DiscountOffer">
  <meta itemprop="description" content="30% off full-price styles" />
  <meta itemprop="discountCode" content="LANTERN" />
  <meta itemprop="availabilityStarts" content="2018-01-01T08:00:00-07:00" />
  <meta itemprop="availabilityEnds" content="2018-12-30T23:59:59-07:00" />
</div>

Кастомные логотипы

Как говорили в презентации, теперь Gmail позволяет вам выставлять кастомные логотипы вашим письмам. Из наших тестов следует то, что такие логотипы показываются исключительно в верхней секции промоакакций.

Custom Logo JSON
<script type="application/ld+json">
[{
  "@context": "http://schema.org/",
  "@type": "Organization",
  "logo": "https://freshinbox.com/tools/gmailpromotab/assets/freshinbox-logo.png"
}]
</script>
Custom Logo Microdata
<div itemscope itemtype="http://schema.org/Organization">
 <meta itemprop="logo" content="https://freshinbox.com/tools/gmailpromotab/assets/freshinbox-logo.png" />
</div>

Полезный инструмент для разметки и аннотаций

Если вы хотите посмотреть на то, как это всё будет выглядеть в вашем Gmail аккаунте, то вы можете воспользоваться этим замечательным инструментом, которые генерирует нужную разметку в формате Microdata и отправляет на ваш ящик.

Советы

Кроме того, чтобы удостовериться в том, что ваше письмо будет правильно воспринято системой, вот несколько советов, которые мы можем вам дать для того, чтобы ваше письмо оказалось в топе промоакций.

Вы можете использовать любые размеры изображений в разметке - оно сразу же будет обрезано, если соотношение сторон будет это позволять.

Если письмо приходит в основной ящик, перекиньте его в промоакции и отметьте как непрочитанное.

Если у вас есть даты по которым работают предложения, убедитесь в том, что дата окончания не в прошлом.

Избавляйтесь от других писем в вкладке "Промоакции", архаизируя их и обновляя страницу.

Если секция топовых предложений в "Промоакциях" всё ещё пустует, то перезапустите свою приложение.

Если уже ничего не помогает проверить ваши письма, то заведите новый аккаунт и тестируйте письма с него.

Я очень рад, что вы прочитали статью. Надеюсь, что наш сервис и наш блог помогут вам развивать ваш бизнес.
Антон Столповский
основатель Pagecard.me
Узнавайте первыми о выходе новых функций и получайте скидки на создание сайтов

Узнавайте первыми о выходе новых функций
и получайте скидки на создание сайтов