Заметки по тегу: AMP

Синтаксис динамического контента в email-платформах может пересекаться с синтаксисом шаблонов AMP-mustache. И если такое происходит, то платформа начинает пытаться интерпретировать amp-переменные как свои. Это вызывает проблемы с отправкой письма.

Рассмотрим, как избежать этих проблем на примере некоторых платформ.

1. Altcraft Platform:

${{success}}

Ставим символ $ перед переменной AMP-mustache.

2. Mailganer:

{% verbatim %}{{success}}{% endverbatim %}

Для этого предусмотрены специальные операторы: {% verbatim %} и {% endverbatim %}. Ими можно обернуть как переменную, так и целый блок, если не требуются подстановки платформы.

3. Unisender:
   В платформе дополнительно экранировать ничего не нужно, так как внутри тега <template> синтаксис платформы игнорируется. Однако, это накладывает ограничение: в AMP-mustache не получится вставить какую-либо персонализацию.

Ваше AMP письмо не работает и вы видите в почте обычный HTML? Давайте разберёмся, как выявить и исправить проблему:

1️⃣ Отправьте себе письмо на gmail почту.
Перейдите в Настройки/ Динамический контент/ Настройки для разработчика и укажите email отправителя. Сохраните изменения и обновите страницу.

2️⃣ Если AMP отобразилось, значит вас ещё не добавили в white-list и нужно пройти инструкцию. Если нет, то над письмом будет описана ошибка.
Самый часто встречающийся вариант это INVALID_AMP, что говорит о проблемах в вашем AMP-коде.

3️⃣Выявляем ошибку в коде:

➡️ Справа нажимаем на 3 точки и "Показать оригинал", находим блок кода с Content-Type: text/x-amp-html. Копируем весь блок в буфер и декодируем его. После чего, вставляем декодированный код в playground от Google — он подсветит ошибку.

📎Совет: чтобы избежать проблем с валидностью AMP-кода — используйте Pixcraft.