AMP письма в Mail.ru

<!DOCTYPE html> <html class="index"> <script> var BASEPATH = '/amp/examples/'; var LANG = 'ru'; </script> <head> <meta charset="utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title> AMP письма в Mail.ru </title> <link rel="shortcut icon" href="/amp/i/favicon.png"> <link rel="stylesheet" type="text/css" href="/amp/css/styles.css" /> <link rel="stylesheet" type="text/css" href="/amp/js/vendor/codemirror/lib/codemirror.css"> <link rel="stylesheet" type="text/css" href="/amp/css/editor.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta content="telephone=no" name="format-detection" /> <meta property="og:title" content="Попробуйте AMP в электронных письмах от Почты Mail.ru"/> <meta property="og:description" content="Почта Mail.ru запускает поддержку интерактивных писем"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://postmaster.mail.ru/amp/?lang=ru"/> <meta property="og:image" content="/amp/i/sharing.png"/> <script src="/amp/js/vendor/xray.min.js"></script> <script> xray.setConfig({ project: 'amp', ActiveEmail: (((document.cookie.split(/\s*;\s/).filter(function(i) { return i.match(/^Mpop=/) } )||[])[0]||'').match(/:([^:]+):$/)||[])[1] }); window.onerror = function(message, source, lineno, colno, error) { xray.send('jserror', { rlog: 'amp_jserror', rlog_message: { message: message, source: source, lineno: lineno, colno: colno, error: error } }) } </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MN3F72P');</script>  </head>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN3F72P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <body> <div class="page"> <header class="header"> <a href="https://mail.ru/" target="_blank" class="logo"><img src="/amp/i/logo-mail.svg" alt="Mail.ru" /></a> <div class="nav js-nav"> <a href="#" class="nav__door">меню</a> <ul class="menu"> <li class="menu__item"> <a href="/amp/?lang=ru#about"> Об AMP </a> </li> <li class="menu__item"> <a href="/amp/?lang=ru#howto"> Как включить </a> </li> <li class="menu__item"> <a href="/amp/?lang=ru#examples"> Примеры писем </a> </li>  <li class="menu__item"> <a href="/amp/?lang=ru#playground"> Свое AMP письмо </a> </li> </ul> <div class="language"> <div class="language__curent -ru">Ру</div> <ul class="language__list"> <li class="language__item"><a data-lang="en" href="/amp/?lang=en" class="language__link -en">En</a></li> <li class="language__item -active"><a data-lang="ru" href="/amp/?lang=ru" class="language__link -ru">Ру</a></li> </ul> </div> </div> </header> <div class="page__body"> <section class="start"> <div class="start__inner"> <h1> AMP письма в Mail.ru </h1> </div> </section> <div class="wrap"> <section class="section" id="about"> <h2 class="section__title"> Об AMP </h2> <p> Технология AMP в почтовом сервисе позволит обновлять информацию в письмах в реальном времени. Получатели смогут работать с полученным контентом, например, изменять заказ прямо из письма. Теперь пользователи будут гораздо эффективнее взаимодействовать с рассылками, используя их практически как веб-сайты. </p> <p> Делать AMP письма просто: они адаптивны и их можно собирать из уже <a href="https://amp.dev/documentation/guides-and-tutorials/learn/email-spec/amp-email-format?format=email#supported-amp-components" target="_blank">готовых компонентов</a>, предоставляемых open-source сообществом. </p> <p> <a href="https://amp.dev/documentation/guides-and-tutorials/learn/email-spec/amp-email-format?format=email" target="_blank" class="button -blue">Документация AMP</a> </p> <p> <a href="https://r.mail.ru/n328987669" target="_blank">Подробнее об использовании AMP в Почте Mail.ru</a> </p> </section> <section class="section" id="howto"> <h2 class="section__title"> Как включить </h2> <h3> Для пользователей </h3> <p>1. Достаточно просто зайти в <a href="/amp/playground.html?lang=ru">конструктор AMP писем</a> и отправить себе один из примеров (или сделать свое собственное AMP письмо). Или просто <span class="enable">нажмите тут</span>. </p> <p>2. Вам нужно будет авторизоваться у нас на сайте. Вам не нужно для этого регистрироваться, вы можете использовать аккаунт любого почтового сервиса, например Gmail или Яндекс. </p> <p>3. Теперь вы можете протестировать как работают AMP письма у нас <a href="https://octavius.mail.ru" target="_blank">на сайте</a> или в мобильных приложениях. </p> <h3> Для рассыльщиков </h3> <p> Для подключения AMP должны соблюдаться и выполняться в дальнейшем следующие условия: </p> <p>1. На домене, с которого вы отправляете рассылки, находится сайт с логотипом и информацией о компании. Тематика сайта соответствует содержанию рассылок. </p> <p>2. Для домена настроены SPF, DKIM и DMARC. Политика DMARC включена в «блокирующем» режиме: p=quarantine или p=reject. </p> <p>3. Вы отправляете рассылки с подтвержденной DKIM-подписью не менее трех месяцев. Они соответствуют <a href="https://help.mail.ru/postmaster/mailing_rules" target="_blank">правилам Mail.ru</a>. </p> <p>4. Объём рассылок с домена — не менее 5 000 писем в месяц (на протяжении трех месяцев, минимум). </p> <p>5. В служебных заголовках рассылок есть заголовок List-Unsubscribe. Вы отписываете пользователя от рассылки и при нажатии кнопки «Отписаться» в интерфейсе Mail.ru, и при переходе по ссылке в письме. </p> <p>6. Домен зарегистрирован в <a href="https://postmaster.mail.ru" target="_blank">Postmaster</a>. Вы получаете FBL-отчёты для него и сразу же их обрабатываете. </p> <p> Подробную информацию об упомянутых технологиях смотрите в нашем <a href="https://help.mail.ru/postmaster/mailing_rules" target="_blank">справочном центре</a>. </p> <br> <p> Если все эти условия Вами соблюдены, то: </p> <p>1. <a href="https://amp.dev/documentation/guides-and-tutorials/learn/email-spec/amp-email-structure?format=email" target="_blank">Добавьте AMP парт</a> в одно из ваших существующих писем. </p> <p>2. <a href="mailto:postmaster_amp@corp.mail.ru" target="_blank">Пришлите нам</a> адрес, с которого вы отправляете рассылки, чтобы мы добавили его в белый список. В заявке укажите контактный адрес, который мы можем использовать для коммуникаций, в случае если вашими с рассылками возникнут проблемы. </p> <p>3. Письмо с заявкой на подключение AMP должно пройти проверку по SPF, DKIM и DMARC для вашего домена. </p> </section> <section class="section" id="examples"> <h2 class="section__title"> Примеры писем </h2> <ul class="examples"> </ul> </section>  <section class="section" id="playground"> <h2 class="section__title"> Свое AMP письмо </h2> <p> Используйте HTML-редактор для написания AMP писем. Редактор показывает готовое решение и выделяет ошибки, которые можно исправить там же. Готовый результат вы сразу же сможете положить себе в почтовый ящик. </p> <a href="/amp/playground.html?lang=ru" class="button -blue"> Открыть редактор </a>  </section> </div> </div> <footer class="footer"> <a href="https://mail.ru/" target="_blank" class="logo"><img src="/amp/i/logo-mail-gray.svg" alt="Mail.ru" /></a> <div class="nav js-nav"> <ul class="menu"> <li class="menu__item"> <a href="https://corp.mail.ru/ru/company/portal/">О компании</a> </li> <li class="menu__item"> <a href="mailto:postmaster_amp@corp.mail.ru">Помощь</a> </li>  </ul> <div class="language"> <div class="language__curent -ru">Ру</div> <ul class="language__list"> <li class="language__item"><a data-lang="en" href="/amp/?lang=en" class="language__link -en">En</a></li> <li class="language__item -active"><a data-lang="ru" href="/amp/?lang=ru" class="language__link -ru">Ру</a></li> </ul> </div> </div> </footer> </div> <div class="layer" id="layers"></div> <script type="text/template" id="layer/progress"> <div class="layer__dialog"> <div class="layer__content"> <div class="layer__body -progress"> <div class="loader">Loading...</div> </div> </div> </div> </script> <script type="text/template" id="layer/login"> <div class="layer__dialog"> <div class="layer__content"> <div class="layer__body" id="login"> <div class="layer_warning"> <h2 class="layer__title"> Регистрироваться не обязательно </h2> <p> Вы можете использовать любую учетную запись, например Gmail, Yandex или Yahoo </p> </div> </div> </div> </div> </script> <script type="text/template" id="layer/sent"> <div class="layer__dialog"> <div class="layer__content"> <div class="layer__body"> <span class="layer__close"> Закрыть </span> <h2 class="layer__title"> Письмо отправлено </h2> <p> Вы можете проверить как работает это письмо в <a href="{link}" target="_blank">{name}</a>  </p>  </div> </div> </div> </script> <script type="text/template" id="layer/enabled"> <div class="layer__dialog"> <div class="layer__content"> <div class="layer__body"> <span class="layer__close"> Закрыть </span> <h2 class="layer__title"> AMP включен </h2> <p> Вы можете отправлять себе AMP письма и проверять как они работают в <a href="https://e.mail.ru/inbox/" target="_blank">octavius.mail.ru</a>  </p> </div> </div> </div> </script> <script type="text/template" id="examples/list"> <li class="examples__item" data-id="{name}"> <a href="/amp/playground.html?lang=ru#{name}" class="examples__inner"> <span class="examples__img"> <img src="{preview}" alt="Предпросмотр для {title}" /> </span> <span class="examples__title">{title}</span> <span class="examples__link"> Получить письмо </span> </a> </li> </script> <script type="text/template" id="examples/select"> <option value="{name}" {selected}>{title}</option> </script>  <script src="https://img.imgsmail.ru/ag/2.2.0/authGate.js"></script>  <script src="https://oauth.mail.ru/sdk/v0.12.1/oauth.js"></script> <script src="/amp/js/fetch.umd.min.js"></script> <script src="/amp/js/bluebird.min.js"></script> <script src="/amp/js/main.js"></script> <script> xray.send('load', { i: document.getElementsByTagName('html')[0].className }); </script> </body> </html>

CINXE.COM

AMP письма в Mail.ru