Էլփոստի մութ ռեժիմը ձեռք է բերում ընդունում… Ահա թե ինչպես աջակցել այն
Մութ ռեժիմը նվազեցնում է էկրանի էներգիայի օգտագործումը և մեծացնում ուշադրությունը: Որոշ օգտատերեր նաև նշում են, որ զգում են աչքի լարվածության նվազում, բայց դա այդպես է հարցաքննվել է.
Մութ ռեժիմի ընդունումը շարունակում է աճել: Մութ ռեժիմն այժմ հասանելի է macOS-ում, iOS-ում, Android-ում և մի շարք հավելվածներում, ներառյալ Microsoft Outlook-ը, Safari-ն, Reddit-ը, Twitter-ը, YouTube-ը, Gmail-ը և Reddit-ը: Այնուամենայնիվ, միշտ չէ, որ յուրաքանչյուրում լիակատար աջակցություն կա: Հաճախ չէ, որ էլփոստի տեխնոլոգիայի առաջընթացներ են լինում, ուստի հաճելի է տեսնել մութ ռեժիմի աջակցության ընդունումը նաև էլ.
28 թվականի օգոստոսին մենք տեսանք օգտատերերի 2021%-ը, որոնք դիտում էին մութ ռեժիմում: 2022 թվականի օգոստոսին այդ թիվը հասել էր գրեթե 34%-ի:
Լիտմուսը
Լավագույն փորձի, ներդրման համար նախատեսված ծածկագրի և հաճախորդի աջակցության գիտակցումը կարևոր է մութ ռեժիմի հաջող իրականացման համար: Այդ պատճառով Uplers-ի թիմը հրապարակեց մութ ռեժիմի այս ուղեցույցը էլ. փոստի աջակցություն.
Վերջերս, DK New Media Հաճախորդի համար մշակել է Salesforce Marketing Cloud ձևանմուշ, որը ներառում է մութ ռեժիմը, որը կտրուկ հակադրում է էլփոստի բաժիններին, երբ դիտվում է էլփոստի հաճախորդում: Սա ջանքեր է, որը կարող է խթանել ձեր բաժանորդների լրացուցիչ ներգրավվածությունը և սեղմումների տոկոսադրույքները:
Dark mode էլեկտրոնային կոդ
Քայլ 1. Ներառեք մետատվյալները `էլփոստի հաճախորդներում մութ ռեժիմը միացնելու համար – Առաջին քայլը միացված մութ ռեժիմի կարգավորումներով բաժանորդների համար էլփոստում մուգ ռեժիմի միացումն է: Դուք կարող եք ներառել այս մետատվյալները հատկորոշել.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Քայլ 2. Ներառեք մութ ռեժիմի ոճերը @media- ի համար (նախընտրում է գունային սխեման ՝ մուգ) - Գրեք այս մեդիայի հարցումը ձեր ներկառուցված մեջ tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS) և Outlook հավելված (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- ի համար նախատեսված Outlook հավելվածում:
[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; }
Որոշ լրացուցիչ ռեսուրսներ.
- Լիտմուսը - էլեկտրոնային փոստի շուկայավարողների համար մութ ռեժիմի վերջնական ուղեցույց:
- CampaignMonitor- ը – մշակողի ուղեցույցը մութ ռեժիմի համար էլ.
Եթե ցանկանում եք, որ ձեր էլփոստի ձևանմուշները փոխարկվեն մութ ռեժիմի աջակցության համար, մի հապաղեք դիմել DK New Media.