കുറച്ച് വർഷങ്ങൾക്ക് മുമ്പ് ഡാർക്ക് മോഡ് സമാരംഭിച്ചു, ദത്തെടുക്കൽ വർദ്ധിച്ചുകൊണ്ടിരിക്കുന്നു. ഇരുണ്ട മോഡ് ഇപ്പോൾ മാകോസ്, ഐഒഎസ്, ആൻഡ്രോയിഡ് എന്നിവയിലും മൈക്രോസോഫ്റ്റ് lo ട്ട്‌ലുക്ക്, സഫാരി, റെഡ്ഡിറ്റ്, ട്വിറ്റർ, യൂട്യൂബ്, ജിമെയിൽ, റെഡ്ഡിറ്റ് എന്നിവയുൾപ്പെടെ നിരവധി ആപ്ലിക്കേഷനുകൾ ലഭ്യമാണ്. എന്നിരുന്നാലും, ഓരോന്നിനും ഉടനീളം പൂർണ്ണ പിന്തുണയില്ല.
ഡാർക്ക് മോഡ് സ്ക്രീൻ എനർജി ഉപയോഗം കുറയ്ക്കുകയും ഫോക്കസ് വർദ്ധിപ്പിക്കുകയും ചെയ്യുന്നു. ചില ഉപയോക്താക്കൾ കണ്ണിന്റെ ബുദ്ധിമുട്ട് കുറയുന്നുവെന്ന് പറയുന്നു, പക്ഷേ അതാണ് ചോദ്യം ചെയ്യപ്പെട്ടു.
അടുത്തിടെ, ഡാർക്ക് മോഡ് അതിന്റെ കോഡിലേക്ക് സംയോജിപ്പിച്ച ഒരു മാർക്കറ്റിംഗ് ക്ലൗഡ് ടെംപ്ലേറ്റ് ഞങ്ങൾ വികസിപ്പിച്ചെടുത്തു, അത് ഒരു ഇമെയിൽ ക്ലയന്റിൽ കാണുമ്പോൾ ഇമെയിൽ വിഭാഗങ്ങളെ നാടകീയമായി വിപരീതമാക്കുന്നു. നിങ്ങളുടെ സബ്‌സ്‌ക്രൈബർമാർക്കായി അധിക ഇടപഴകലും ക്ലിക്ക്-ത്രൂ നിരക്കുകളും വർദ്ധിപ്പിക്കുന്ന ഒരു ശ്രമമാണിത്.
ഇമെയിൽ സാങ്കേതികവിദ്യയിൽ പുരോഗതി ഉണ്ടെന്നത് പലപ്പോഴും സംഭവിക്കുന്നില്ല, അതിനാൽ വ്യവസായത്തിലുടനീളം ഈ അനുഭവം സ്വീകരിക്കുന്നത് കാണാൻ സന്തോഷമുണ്ട്. ഡാർക്ക് മോഡിന്റെ നിങ്ങളുടെ വിജയ വിജയത്തിന് മികച്ച കീഴ്‌വഴക്കങ്ങൾ, നടപ്പിലാക്കാനുള്ള കോഡ്, ക്ലയന്റ് പിന്തുണ എന്നിവ മനസിലാക്കുന്നത് നിർണ്ണായകമാണ്. ഇക്കാരണത്താൽ, അപ്‌ലേഴ്‌സിലെ ടീം ഈ ഗൈഡ് പ്രസിദ്ധീകരിച്ചു ഡാർക്ക് മോഡ് ഇമെയിൽ പിന്തുണ.
ഇരുണ്ട മോഡ് ഇമെയിൽ കോഡ്
ഘട്ടം 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, lo ട്ട്‌ലുക്ക് 2019 (മാകോസ്), lo ട്ട്‌ലുക്ക് അപ്ലിക്കേഷൻ (iOS). നിങ്ങളുടെ ഇമെയിലിൽ ഒരു lined ട്ട്‌ലൈൻ ലോഗോ ആവശ്യമില്ലെങ്കിൽ, ചുവടെ കാണിച്ചിരിക്കുന്നതുപോലെ .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; } ചില അധിക ഉറവിടങ്ങൾ:
- ലിറ്റ്മസ് - ഇമെയിൽ വിപണനക്കാർക്കുള്ള ഡാർക്ക് മോഡിനായുള്ള ആത്യന്തിക ഗൈഡ്.
- കാമ്പെയ്‌ൻ മോണിറ്റർ - ഡവലപ്പർമാർ ഇമെയിലിനായി ഡാർക്ക് മോഡിലേക്ക് നയിക്കുന്നു.
അപ്‌ലേഴ്‌സ് ഇന്ററാക്ടീവ് ഇൻഫോഗ്രാഫിക് കാണുക
