របៀបងងឹតត្រូវបានបង្កើតឡើងកាលពីប៉ុន្មានឆ្នាំមុនហើយការអនុម័តនៅតែបន្តកើនឡើង។ របៀបងងឹត ឥឡូវអាចរកបាននៅទូទាំង macOS, iOS និង Android ក៏ដូចជាកម្មវិធីជាច្រើនដែលរួមមាន Microsoft Outlook, Safari, Reddit, Twitter, Youtube, Gmail និង Reddit ។ មិនតែងតែមានការគាំទ្រពេញទំហឹងនោះទេ។
របៀបងងឹតជួយកាត់បន្ថយការប្រើប្រាស់ថាមពលអេក្រង់និងបង្កើនការផ្តោតអារម្មណ៍។ អ្នកប្រើប្រាស់មួយចំនួនក៏បានបញ្ជាក់ផងដែរថាពួកគេមានអារម្មណ៍ថាមានការថយចុះនៃបញ្ហាភ្នែកប៉ុន្តែនោះ ត្រូវបានគេចោទសួរ.
ថ្មីៗនេះយើងបានបង្កើតគំរូម៉ាឃិនក្លូដមួយដែលបានបញ្ចូលរបៀបងងឹតទៅក្នុងលេខកូដរបស់វាដែលពិតជាធ្វើឱ្យផ្នែកអ៊ីម៉ែលមានភាពផ្ទុយគ្នាយ៉ាងខ្លាំងនៅពេលដែលបានមើលនៅក្នុងអ៊ីមែល។ វាជាកិច្ចខិតខំប្រឹងប្រែងមួយដែលអាចជំរុញឱ្យមានការចូលរួមបន្ថែមនិងអត្រាចុចតាមរយៈសម្រាប់អតិថិជនរបស់អ្នក។
វាមិនមានជាញឹកញាប់ទេដែលមានការជឿនលឿនខាងបច្ចេកវិទ្យាអ៊ីម៉ែលដូច្នេះវាជាការប្រសើរណាស់ដែលឃើញការទទួលយកបទពិសោធន៍នេះឆ្លងកាត់ឧស្សាហកម្ម។ ការយល់ដឹងអំពីការអនុវត្តល្អបំផុតកូដដើម្បីអនុវត្តក៏ដូចជាការគាំទ្ររបស់អតិថិជនគឺសំខាន់ចំពោះភាពជោគជ័យនៃការអនុវត្តនៃរបៀបងងឹត។ ដោយហេតុផលនេះក្រុមនៅ Uplers បានបោះពុម្ពសៀវភៅណែនាំនេះទៅ ការគាំទ្រអ៊ីមែលតាមរបៀបងងឹត.
កូដអ៊ីម៉ែលរបៀបងងឹត
ជំហានទី ១៖ បញ្ចូលទិន្នន័យមេតាតាដើម្បីបើកដំណើរការរបៀបងងឹតនៅក្នុងម៉ាស៊ីនភ្ញៀវអ៊ីមែល ជំហានដំបូងគឺបើកដំណើរការរបៀបងងឹតនៅក្នុងអ៊ីមែលសម្រាប់អតិថិជនដែលបានបើករបៀបងងឹត។ អ្នកអាចធ្វើដូច្នេះបានដោយរាប់បញ្ចូលទិន្នន័យមេតានេះនៅក្នុងឯកសារអ៊ីម៉ែល ស្លាក។
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
ជំហានទី ២ ៈរួមបញ្ចូលទាំងស្ទីលរបៀបងងឹតសម្រាប់ @media (និយមពណ៌ - ពណ៌៖ ងងឹត) - សរសេរសំណួរមេឌៀនេះទៅក្នុងបង្កប់របស់អ្នក 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; }
}
ជំហានទី ៣ ៈប្រើបុព្វបទ [data-ogsc] ដើម្បីស្ទួនស្ទ្រីមរបៀបងងឹត - បញ្ចូលលេខកូដទាំងនេះសម្រាប់អ៊ីមែលឱ្យត្រូវគ្នាជាមួយរបៀបងងឹតនៅក្នុងកម្មវិធី Outlook សម្រាប់ប្រព័ន្ធប្រតិបត្តិការ 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; }
ជំហានទី ៣ ៈរួមបញ្ចូលទាំងស្ទីលដែលមានពណ៌តែខ្មៅទៅនឹងរូបរាង 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 - អ្នកអភិវឌ្ឍន៍ណែនាំផ្លូវងងឹតសម្រាប់អ៊ីមែល។