د بریښنالیک بازار موندنه او اتومات کول

د بریښنالیک لپاره تیاره حالت اختیار کیږي ... دلته د دې ملاتړ کولو څرنګوالی دی

تیاره حالت د سکرین انرژي کارول کموي او تمرکز زیاتوي. ځینې ​​​​کاروونکي دا هم وایي چې دوی د سترګو کمښت احساس کوي، مګر دا دی پوښتنې شوې.

د تیاره حالت اختیارول وده ته دوام ورکوي. تیاره حالت اوس په macOS ، iOS ، Android ، او ډیری ایپسونو کې شتون لري ، پشمول د مایکروسافټ آؤټ لک ، سفاري ، ریډیټ ، ټویټر ، یوټیوب ، جی میل او ریډیټ. که څه هم په هر یو کې تل بشپړ ملاتړ شتون نلري. دا ډیری وختونه ندي چې د بریښنالیک ټیکنالوژۍ کې پرمختګونه شتون لري ، نو دا ښه ده چې په بریښنالیک کې د تیاره حالت ملاتړ غوره کول هم وګورئ.

موږ د 28 په اګست کې 2021٪ کاروونکي په تیاره حالت کې لیدلي. د 2022 اګست پورې، دا شمیر نږدې 34٪ ته لوړ شوی.

لیتوس

د غوره عملونو پوهیدل ، د پلي کولو کوډ ، او د پیرودونکي ملاتړ ستاسو د تیاره حالت پلي کولو بریا لپاره مهم دی. د دې دلیل لپاره، په Uplers کې ټیم دا لارښود تیاره حالت ته خپور کړ بریښنالیک ملاتړ.

په دې وروستیو کې، DK New Media د پیرودونکي لپاره د Salesforce بازار موندنې کلاوډ ټیمپلیټ رامینځته کړی چې ډارک موډ پکې شامل کړی ، په ډراماتیک ډول د بریښنالیک برخې سره توپیر لري کله چې په بریښنالیک پیرودونکي کې لیدل کیږي. دا یوه هڅه ده چې ممکن ستاسو د پیرودونکو لپاره اضافي ښکیلتیا او د کلیک کولو نرخونه رامینځته کړي.

تیاره حالت بریښنالیک کوډ

مرحله 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 لپاره آؤټ لک ایپ کې تیاره حالت سره مناسب وي.

[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.

په بریښنالیکونو کې تیاره حالت
سرچینه: اپلونکي

Douglas Karr

Douglas Karr د CMO دی OpenINSIGHTS او بنسټ ایښودونکی Martech Zone. ډګلاس د لسګونو بریالي مارټیک پیلونو سره مرسته کړې ، د مارټیک استملاک او پانګوونې کې د 5 ملیارد ډالرو څخه ډیر په پام کې نیولو کې مرسته کړې ، او د دوی د پلور او بازار موندنې ستراتیژیو پلي کولو او اتومات کولو کې شرکتونو سره مرستې ته دوام ورکوي. ډګلاس په نړیواله کچه پیژندل شوی ډیجیټل بدلون او د مار ټیک ماهر او سپیکر دی. ډګلاس د ډمي لارښود او د سوداګرۍ مشرتابه کتاب یو خپور شوی لیکوال هم دی.

اړونده بیشتر

بېرته پورته تڼۍ ته
نژدې

اډ بلاک کشف شو

Martech Zone د دې وړتیا لري چې تاسو ته دا مینځپانګه په هیڅ لګښت چمتو کړي ځکه چې موږ د اعلاناتو عاید ، وابسته لینکونو ، او سپانسرشپونو له لارې زموږ سایټ منیټ کوو. موږ به ستاینه وکړو که تاسو زموږ د سایټ لیدو سره سم خپل د اعلاناتو بلاکر لرې کړئ.