Tamsusis el. pašto režimas pradedamas taikyti… Štai kaip jį palaikyti
Tamsus režimas sumažina ekrano energijos suvartojimą ir padidina fokusavimą. Kai kurie vartotojai taip pat teigia, kad jaučia sumažintą akių įtampą, bet taip ir yra buvo apklaustas.
Tamsiojo režimo naudojimas ir toliau auga. Tamsusis režimas dabar pasiekiamas „MacOS“, „iOS“, „Android“ ir daugybėje programų, įskaitant „Microsoft Outlook“, „Safari“, „Reddit“, „Twitter“, „YouTube“, „Gmail“ ir „Reddit“. Vis dėlto ne visada yra visiškas palaikymas. Nedažnai el. pašto technologijos pažangos, todėl malonu matyti tamsaus režimo palaikymą ir el. pašte.
28 m. rugpjūčio mėn. matėme, kad 2021 % naudotojų žiūrėjo tamsiuoju režimu. Iki 2022 m. rugpjūčio mėn. šis skaičius išaugo iki beveik 34 %.
Lakmusas
Norint sėkmingai įdiegti tamsųjį režimą, labai svarbu suprasti geriausią praktiką, įdiegtiną kodą ir klientų palaikymą. Dėl šios priežasties Uplers komanda paskelbė šį tamsiojo režimo vadovą el. pašto palaikymas.
Pastaruoju metu, DK New Media sukūrė „Salesforce Marketing Cloud“ šabloną klientui, kuriame buvo tamsusis režimas, kuris labai kontrastuoja el. pašto skyriuose, kai žiūrima el. pašto programoje. Tai pastangos, kurios gali padidinti jūsų prenumeratorių įsitraukimą ir paspaudimų rodiklius.
„Dark Mode“ el. Pašto kodas
1 veiksmas: įtraukite metaduomenis, kad įjungtumėte tamsųjį režimą el. Pašto programose – Pirmas žingsnis – įjungti tamsųjį režimą el. pašte prenumeratoriams, įjungusiems tamsaus režimo nustatymus. Šiuos metaduomenis galite įtraukti į žyma.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
2 žingsnis: Įtraukite tamsiojo režimo stilius @media (teikia pirmenybę spalvų schemai: tamsiai) - Parašykite šią medijos užklausą į savo įterptąjį tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS) ir Outlook App (iOS). Jei nenorite, kad el. laiške būtų apibūdintas logotipas, galite naudoti .dark-img
ir .light-img
klases, kaip parodyta žemiau.
@media (prefers-color-scheme: dark ) {
.dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }
.light-mode-image { display:none; display:none !important; }
}
3 žingsnis: Naudokite priešdėlį [data-ogsc], kad dubliuotumėte tamsiojo režimo stilius - Įtraukite šiuos kodus, kad el. Paštas būtų suderinamas su tamsiuoju režimu „Android“ skirtoje „Outlook“ programoje.
[data-ogsc] .light-mode-image { display:none; display:none !important; }
[data-ogsc] .dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }
3 žingsnis: į kūno HTML įtraukite tik tamsiojo režimo stilius - Jūsų HTML žymose turi būti tinkamos tamsiojo režimo klasės.
<!-- Logo Section -->
<a href="http://email-uplers.com/" target="_blank" style="text-decoration: none;"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-black.png" width="170" alt="Uplers" style="color: #333333; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" class="light-mode-image"/>
<!-- This is the hidden Logo for dark mode with MSO conditional/Ghost Code --> <!--[if !mso]><! --><div class="dark-mode-image" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-white.png" width="170" alt="Uplers" style="color: #f1f1f1; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" />
</div><!--<![endif]-->
</a>
<!-- //Logo Section -->
Siųsti „Dark Mode“ el. Pašto patarimus ir papildomus išteklius
Aš dirbau Martech Zone kasdieniai ir savaitiniai informaciniai biuleteniai, kad palaikytų tamsųjį režimą... būtinai tai užsiprenumeruokite čia. Kaip ir dauguma el. pašto kodavimo, tai nėra paprasta dėl skirtingų el. pašto programų ir jų patentuotų kodavimo metodų. Viena problema, su kuria susidūriau, buvo išimtys... pavyzdžiui, norite, kad mygtukas būtų baltas, nepaisant tamsaus režimo. Kodo kiekis šiek tiek juokingas... Turėjau turėti šias išimtis:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Keli papildomi ištekliai:
- Lakmusas - galutinis tamsiojo režimo vadovas el. Pašto rinkodaros specialistams.
- „CampaignMonitor“ – tamsaus režimo, skirto el. paštui, kūrėjo vadovas.
Jei norite, kad jūsų el. pašto šablonai būtų konvertuoti į tamsaus režimo palaikymą, nedvejodami susisiekite su DK New Media.