ഇമെയിലിനായുള്ള ഡാർക്ക് മോഡ് അഡോപ്ഷൻ നേടുന്നു... ഇത് എങ്ങനെ പിന്തുണയ്ക്കാമെന്ന് ഇതാ
ഡാർക്ക് മോഡ് സ്ക്രീൻ ഊർജ്ജ ഉപയോഗം കുറയ്ക്കുകയും ഫോക്കസ് വർദ്ധിപ്പിക്കുകയും ചെയ്യുന്നു. ചില ഉപയോക്താക്കൾക്ക് കണ്ണിന് ആയാസം കുറയുന്നതായി പ്രസ്താവിക്കുന്നു, പക്ഷേ അതാണ് ചോദ്യം ചെയ്യപ്പെട്ടു.
ഡാർക്ക് മോഡ് സ്വീകരിക്കുന്നത് വർദ്ധിച്ചുകൊണ്ടിരിക്കുന്നു. 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: ഡാർക്ക് മോഡ് ശൈലികൾ തനിപ്പകർപ്പാക്കാൻ [data-ogsc] പ്രിഫിക്സ് ഉപയോഗിക്കുക - Android- നായുള്ള lo ട്ട്ലുക്ക് അപ്ലിക്കേഷനിൽ ഇരുണ്ട മോഡുമായി പൊരുത്തപ്പെടുന്നതിന് ഇമെയിലിനായി ഈ കോഡുകൾ ഉൾപ്പെടുത്തുക.
[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- ലേക്ക് ഡാർക്ക് മോഡ് മാത്രമുള്ള ശൈലികൾ ഉൾപ്പെടുത്തുക - നിങ്ങളുടെ 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.