Скрытие содержимого в Gmail и Outlook не работает - PullRequest
Новая
       77

Скрытие содержимого в Gmail и Outlook не работает

0 голосов
/ 17 июня 2020

Я пытаюсь создать электронное письмо с двумя ссылками, я хочу показать одну только в Gmail, а вторую только в Outlook. Я немного поискал и обнаружил, что мне нужно использовать mso-hide в Outlook и ничего не отображать в Gmail. ничего из этого не работает. display none hide my element in outlook, а Gmail и mso-hide не повлияли. Моя попытка: 

<!--[if !mso 9]><!-->
<div style="mso-hide:all">
  Content 02
</div>
<!--<![endif]-->
<div style='display: none;'>
  Content 03
</div>

есть ли решение, чтобы скрыть элемент только в Outlook и то же самое в Gmail?

1 Ответ

0 голосов
/ 19 июня 2020

Дилан Смит написал отличную страницу «Как настроить таргетинг на почтовых клиентов», в которой рассматриваются все известные методы для различных почтовых клиентов. https://howtotarget.email/

Используя это, мы можем получить следующее: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"  xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!--[if !mso]><!-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!--<![endif]-->

<style type="text/css">
u + .body .gmailshow {
    display:block!important;
}    
</style>
    </head>

<body class="body">
    <div>CONTENT EVERYWHERE</div>
<!--[if mso | ie]>
<div>
  Content OUTLOOK only
</div>
<![endif]-->
<div class="gmailshow" style="display: none;">
  Content GMAIL ONLY
</div>

</body>
</html>

Примечания:

  • Тело, поскольку оно получает преобразован в div, требует класс (здесь body)
  • Что-то не так с вашим оператором if в Outlook, убедитесь, что вы проверили, что
  • Не существует известного способа получить таргетинг Gmail для таргетинга Gmail IMAP, поскольку он не учитывает <style> блоков (это всего лишь одна версия Gmail - стандартные приложения Gmail и веб-почта Gmail работают с этим методом)
...