Email Marketing & Automation

ʻO ke ʻano ʻeleʻele no ka leka uila ke loaʻa nei ka hoʻopono… eia ke ʻano e kākoʻo ai

Hoʻemi ke ʻano ʻeleʻele i ka hoʻohana ʻana i ka ikehu pale a hoʻonui i ka manaʻo. Ua ʻōlelo kekahi mau mea hoʻohana ua emi ka maka o ka maka, akā ʻo ia ua nīnau ʻia.

Ke hoʻomau nei ka hoʻohana ʻana i ke ʻano ʻeleʻele. Loaʻa ke ʻano ʻeleʻele ma waena o macOS, iOS, Android, a me ka lehulehu o nā polokalamu, me Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, a me Reddit. ʻAʻole i loaʻa ke kākoʻo piha i kēlā me kēia. ʻAʻole pinepine ka holomua o ka ʻenehana leka uila, no laila maikaʻi ke ʻike i ke kākoʻo ʻana o ke kākoʻo ʻeleʻele i ka leka uila.

Ua ʻike mākou i ka 28% o nā mea hoʻohana e nānā ana i ka Dark Mode i ʻAukake 2021. Ma ʻAukake 2022, ua hoʻonui ʻia kēlā helu i kahi kokoke i 34%.

Litmus

ʻO ka hoʻomaopopo ʻana i nā hoʻomaʻamaʻa maikaʻi loa, nā code e hoʻokō ai, a me ke kākoʻo o ka mea kūʻai aku he mea koʻikoʻi i kāu hoʻokō kūleʻa o ke ʻano ʻeleʻele. No ia kumu, ua paʻi ka hui ma Uplers i kēia alakaʻi i ke ʻano ʻeleʻele Kākoʻo leka uila.

nei, DK New Media ua hoʻomohala i kahi hoʻohālike Salesforce Marketing Cloud no kahi mea kūʻai aku i hoʻokomo i ka Dark Mode, e hoʻohālikelike nui i nā ʻāpana leka uila ke nānā ʻia ma kahi mea kūʻai leka uila. He hoʻoikaika ia e hoʻoikaika i ka hoʻopili ʻana a me nā pākēkē kaomi no kāu poʻe kākau inoa.

Pāʻālua leka uila ʻano pouli

KaʻAnuʻu Hana 1: Hoʻopili i nā metadata e hiki ai i ke ʻano pouli i nā mea kūʻai aku leka uila - ʻO ka hana mua e hiki ai i ke ʻano pōʻeleʻele i ka leka uila no nā mea kākau inoa me nā hoʻonohonoho mode ʻeleʻele. Hiki iā ʻoe ke hoʻokomo i kēia metadata ma ka hōʻailona.

<meta name="color-scheme" content="light dark"> 
<meta name="supported-color-schemes" content="light dark">

KaʻAnuʻu 2: Hoʻopili i nā kaila ʻano pouli no @media (makemake i ka-ʻāpana kala: ʻeleʻele) - Kākau i kēia nīnau Media ma kāu i hoʻokomo ʻia tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), a me Outlook App (iOS). Inā ʻaʻole ʻoe makemake i kahi logo i kuhikuhi ʻia i kāu leka uila, hiki iā ʻoe ke hoʻohana .dark-img a .light-img nā papa e like me ka mea i hōʻike ʻia ma lalo nei.

@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; } 
}

KaʻAnuʻu Hana 3: E hoʻohana i ka pīkoi [data-ogsc] e hoʻopālua i nā ʻano ʻano pouli - Hoʻopili i kēia mau loina no ka hoʻopili ʻana o ka leka uila me ka mode pouli ma ka polokalamu Outlook no 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; }

KaʻAnuʻu Hana 3: Hoʻopili i nā kaila ʻeleʻele-wale nō i ke kino HTML - Pono i kāu mau māka HTML nā papa mode pouli pololei.

<!-- 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 -->

Nā ʻōlelo aʻoaʻo a me nā kumuwaiwai ʻē aʻe

Ke hana nei wau ma ka Martech Zone nā nūpepa i kēlā me kēia lā a me kēlā me kēia pule e kākoʻo i ke ʻano ʻeleʻele… e kākau inoa maʻaneʻi. E like me ka hapa nui o ka leka uila, ʻaʻole maʻalahi ma muli o nā mea kūʻai leka uila ʻokoʻa a me kā lākou ʻano hana coding proprietary. Hoʻokahi pilikia aʻu i holo ai he ʻokoʻa ... no ka laʻana, makemake ʻoe i ke kikokikona keʻokeʻo ma ke pihi me ka nānā ʻole i ke ʻano ʻeleʻele. He mea ʻakaʻaka ka nui o ke code… Pono wau e loaʻa i kēia mau ʻokoʻa:

@media (prefers-color-scheme: dark ) { 
.dark-mode-button {
	color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; } 

ʻO kekahi mau kumuwaiwai hou aʻe:

  • Litmus - ke alakaʻi hope loa no ke ʻano pouli no nā mea kūʻai aku leka uila.
  • ʻOi Pelekania – ke alakaʻi o ka mea hoʻomohala i ke ʻano ʻeleʻele no ka leka uila.

Inā makemake ʻoe e hoʻololi ʻia kāu mau leka uila no ke kākoʻo ʻana i ke ʻano ʻeleʻele, mai hoʻokaʻulua e hoʻopili aku DK New Media.

ʻano pouli i nā leka uila
Source: Nā mea kōkua

Douglas Karr

Douglas Karr he CMO o OpenINSIGHTS a me ka mea nana i hookumu i ka Martech Zone. Ua kōkua ʻo Douglas i ka nui o nā hoʻomaka ʻana o MarTech, ua kōkua i ka hoʻomaʻamaʻa pono ʻana ma luna o $ 5 bil i nā loaʻa a me nā hoʻopukapuka kālā ʻo Martech, a hoʻomau i ke kōkua ʻana i nā hui i ka hoʻokō ʻana a me ka hoʻomaʻamaʻa ʻana i kā lākou kūʻai aku a me nā hoʻolālā kūʻai. ʻO Douglas kahi hoʻololi kikohoʻe i ʻike ʻia ma ka honua a me ka loea a me ka ʻōlelo a MarTech. He mea kākau ʻo Douglas i kahi alakaʻi a Dummie a me kahi puke alakaʻi ʻoihana.

nā Articles

E hoʻi i ke pihiʻaoʻao
kokoke

ʻIke ʻia ʻo Adblock

Martech Zone hiki iā ia ke hāʻawi iā ʻoe i kēia ʻike me ka uku ʻole no ka mea ke hoʻolilo nei mākou i kā mākou pūnaewele ma o ka loaʻa kālā hoʻolaha, nā loulou pili, a me nā kākoʻo. Mahalo mākou inā e wehe ʻoe i kāu mea hoʻolaha hoʻolaha i kou nānā ʻana i kā mākou pūnaewele.