Elektron pochta uchun qorong'u rejim qabul qilinmoqda… Mana buni qanday qo'llab-quvvatlash kerak
Qorong'i rejim ekran energiya sarfini kamaytiradi va diqqatni oshiradi. Ba'zi foydalanuvchilar, shuningdek, ko'zning zo'riqishini his qilishlarini aytishadi, ammo bu shunday so'roq qilingan.
Qorong'i rejimni qabul qilish o'sishda davom etmoqda. Endi qorong‘u rejim macOS, iOS, Android va ko‘plab ilovalar, jumladan Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail va Reddit’da mavjud. Biroq, har doim ham to'liq qo'llab-quvvatlanmaydi. Elektron pochta texnologiyasida tez-tez yutuqlar mavjud emas, shuning uchun elektron pochtada qorong'u rejim qo'llab-quvvatlanishini ko'rish juda yoqimli.
28-yil avgust oyida 2021% foydalanuvchilar qorong‘u rejimda tomosha qilganini ko‘rdik. 2022-yil avgustiga kelib, bu raqam qariyb 34 foizga oshdi.
lakmus
Eng yaxshi amaliyotlarni, amalga oshirish uchun kodni va mijozlarni qo'llab-quvvatlashni tushunish qorong'u rejimni muvaffaqiyatli amalga oshirishingiz uchun juda muhimdir. Shu sababli, Uplers jamoasi qorong'u rejim uchun ushbu qo'llanmani nashr etdi elektron pochta orqali qo'llab-quvvatlash.
yaqinda DK New Media Dark Mode-ni o'z ichiga olgan mijoz uchun Salesforce Marketing Cloud shablonini ishlab chiqdi, bu elektron pochta mijozida ko'rilganda elektron pochta bo'limlarini keskin farq qiladi. Bu sizning obunachilaringiz uchun qo'shimcha faollik va klik stavkalarini oshirishi mumkin bo'lgan harakatdir.
Qorong'i rejimdagi elektron pochta kodi
1-qadam: elektron pochta mijozlarida qorong'i rejimni yoqish uchun metadata kiriting - Birinchi qadam qorong'u rejim sozlamalari yoqilgan obunachilar uchun elektron pochtada qorong'u rejimni yoqishdir. Ushbu metama'lumotni faylga qo'shishingiz mumkin teg.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
2-qadam: @media uchun qorong'i rejim uslublarini qo'shing (rang-sxemani afzal ko'radi: qorong'i) - Ushbu media-so'rovni o'zingizning ichki qismingizga yozing tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS) va Outlook App (iOS). Agar siz elektron pochtangizda belgilangan logotipni xohlamasangiz, foydalanishingiz mumkin .dark-img
va .light-img
quyida ko'rsatilgandek sinflar.
@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-qadam: qorong'i rejim uslublarini takrorlash uchun [data-ogsc] prefiksidan foydalaning - Android uchun Outlook dasturida qorong'i rejimga mos keladigan elektron pochta uchun ushbu kodlarni kiriting.
[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-qadam: HTML formatida faqat qorong'i rejimdagi uslublarni qo'shing - HTML teglaringiz to'g'ri qorong'i rejim sinflariga ega bo'lishi kerak.
<!-- 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 -->
Qorong'i rejim bo'yicha maslahatlar va qo'shimcha manbalarni elektron pochta orqali yuboring
Men ustida ishladim Martech Zone qorong'u rejimni qo'llab-quvvatlash uchun kundalik va haftalik axborot byulletenlari ... ishonch hosil qiling bu yerga obuna bo'ling. Ko'pgina elektron pochta kodlashlarida bo'lgani kabi, turli xil elektron pochta mijozlari va ularning xususiy kodlash usullari tufayli bu oddiy emas. Men duch kelgan muammolardan biri istisnolar edi ... masalan, qorong'u rejimdan qat'i nazar, siz tugmachadagi oq matnni xohlaysiz. Kod miqdori biroz kulgili... Men quyidagi istisnolarga ega bo'lishim kerak edi:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Ba'zi qo'shimcha manbalar:
- lakmus - elektron pochta sotuvchilari uchun qorong'u rejim uchun asosiy qo'llanma.
- KampaniyaMonitor – elektron pochta uchun qorong'u rejim uchun ishlab chiquvchi qo'llanma.
Agar siz elektron pochta shablonlarini qorong'u rejimni qo'llab-quvvatlashga aylantirishni istasangiz, ikkilanmang DK New Media.