ईमेलसाठी डार्क मोड दत्तक घेत आहे… त्याला कसे समर्थन द्यावे ते येथे आहे
गडद मोड स्क्रीन उर्जेचा वापर कमी करतो आणि फोकस वाढवतो. काही वापरकर्ते असेही म्हणतात की त्यांना डोळ्यांचा ताण कमी झाला आहे, परंतु ते आहे चौकशी केली गेली.
डार्क मोडचा अवलंब वाढतच आहे. डार्क मोड आता macOS, iOS, Android आणि Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail आणि Reddit यासह अनेक अॅप्सवर उपलब्ध आहे. तथापि, प्रत्येकामध्ये नेहमीच पूर्ण समर्थन नसते. ईमेल तंत्रज्ञानामध्ये प्रगती होत आहे असे सहसा होत नाही, त्यामुळे ईमेलमध्येही डार्क मोड सपोर्टचा अवलंब पाहून आनंद होतो.
आम्ही ऑगस्ट 28 मध्ये 2021% वापरकर्ते गडद मोडमध्ये पाहत असल्याचे पाहिले. ऑगस्ट 2022 पर्यंत, ही संख्या जवळपास 34% पर्यंत वाढली होती.
लिटमस
सर्वोत्तम पद्धती समजून घेणे, अंमलात आणण्यासाठी कोड आणि क्लायंट सपोर्ट हे तुमच्या गडद मोडच्या अंमलबजावणीच्या यशासाठी महत्त्वाचे आहे. त्या कारणास्तव, Uplers येथील संघाने ही मार्गदर्शक डार्क-मोडवर प्रकाशित केली ईमेल समर्थन.
अलीकडे, DK New Media एका क्लायंटसाठी सेल्सफोर्स मार्केटिंग क्लाउड टेम्प्लेट विकसित केले ज्यामध्ये डार्क मोड समाविष्ट आहे, ईमेल क्लायंटमध्ये पाहिल्यावर ईमेल विभागांमध्ये नाटकीयपणे विरोधाभास करते. हा एक प्रयत्न आहे जो तुमच्या सदस्यांसाठी अतिरिक्त प्रतिबद्धता आणि क्लिक-थ्रू दर वाढवू शकतो.
गडद मोड ईमेल कोड
चरण 1: ईमेल क्लायंटमध्ये डार्क मोड सक्षम करण्यासाठी मेटाडेटा समाविष्ट करा – डार्क मोड सेटिंग्ज चालू असलेल्या सदस्यांसाठी ईमेलमध्ये डार्क मोड सक्षम करणे ही पहिली पायरी आहे. तुम्ही हा मेटाडेटा मध्ये समाविष्ट करू शकता टॅग
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
चरण 2: @ मीडियासाठी डार्क मोड शैली समाविष्ट करा (प्राधान्य-रंग-योजना: गडद) - आपल्या एम्बेड केलेल्या माध्यमांवर ही मीडिया क्वेरी लिहा tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS), आणि Outlook App (iOS). तुम्हाला तुमच्या ईमेलमध्ये बाह्यरेखा असलेला लोगो नको असल्यास, तुम्ही वापरू शकता .dark-img
आणि .light-img
खाली दर्शविल्याप्रमाणे वर्ग.
@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: डार्क मोड शैलीची डुप्लिकेट करण्यासाठी [डेटा-ओगएससी] प्रत्यय वापरा - Android साठी आउटलुक अॅपमध्ये डार्क मोडसह ईमेल सुसंगत होण्यासाठी या कोडचा समावेश करा.
[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: मुख्य HTML मध्ये फक्त गडद मोड-शैली समाविष्ट करा - आपल्या एचटीएमएल टॅगमध्ये योग्य गडद मोड वर्ग असणे आवश्यक आहे.
<!-- 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 -->
ईमेल गडद मोड टिपा आणि अतिरिक्त संसाधने
मी वर काम करत आहे Martech Zone गडद मोडला सपोर्ट करण्यासाठी दैनिक आणि साप्ताहिक वृत्तपत्रे… खात्री करा येथे सदस्यता घ्या. बर्याच ईमेल कोडिंगप्रमाणे, भिन्न ईमेल क्लायंट आणि त्यांच्या मालकीच्या कोडिंग पद्धतींमुळे हे सोपे नाही. मला एक समस्या आली ती अपवाद… उदाहरणार्थ, तुम्हाला गडद मोडची पर्वा न करता बटणावर पांढरा मजकूर हवा आहे. कोडचे प्रमाण थोडे हास्यास्पद आहे... मला खालील अपवाद असावेत:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
काही अतिरिक्त संसाधने:
- लिटमस - ईमेल विपणकांसाठी डार्क मोडसाठी अंतिम मार्गदर्शक.
- कॅम्पेनमोनिटर - ईमेलसाठी गडद मोडसाठी विकसकाचे मार्गदर्शक.
तुम्हाला तुमचे ईमेल टेम्प्लेट गडद मोड सपोर्टसाठी रूपांतरित करायचे असल्यास, संपर्क साधण्यास अजिबात संकोच करू नका DK New Media.