របៀបងងឹតសម្រាប់អ៊ីមែលកំពុងទទួលបានការអនុម័ត... នេះជារបៀបគាំទ្រវា។
មុខងារងងឹតកាត់បន្ថយការប្រើប្រាស់ថាមពលអេក្រង់ និងបង្កើនការផ្តោតអារម្មណ៍។ អ្នកប្រើមួយចំនួនក៏បានបញ្ជាក់ថាពួកគេមានអារម្មណ៍ថាមានការកាត់បន្ថយភាពតានតឹងភ្នែក ប៉ុន្តែនោះជា ត្រូវបានគេចោទសួរ.
ការអនុម័តរបៀបងងឹតនៅតែបន្តកើនឡើង។ ឥឡូវនេះមុខងារងងឹតមាននៅលើ macOS, iOS, Android និងកម្មវិធីជាច្រើន រួមទាំង Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail និង Reddit ។ ទោះយ៉ាងណាក៏ដោយ វាមិនតែងតែមានការគាំទ្រពេញទំហឹងទេ វាមិនញឹកញាប់ទេដែលមានភាពជឿនលឿននៃបច្ចេកវិទ្យាអ៊ីមែល ដូច្នេះវាជាការប្រសើរណាស់ក្នុងការឃើញការទទួលយកការគាំទ្ររបៀបងងឹតនៅក្នុងអ៊ីមែលផងដែរ។
យើងឃើញអ្នកប្រើប្រាស់ 28% កំពុងមើលក្នុងទម្រង់ងងឹតក្នុងខែសីហា ឆ្នាំ 2021។ មកដល់ខែសីហា ឆ្នាំ 2022 ចំនួននោះបានកើនឡើងដល់ជិត 34%។
លីតមុស
ការយល់ដឹងអំពីការអនុវត្តល្អបំផុត កូដដែលត្រូវអនុវត្ត និងការគាំទ្រអតិថិជនគឺមានសារៈសំខាន់ចំពោះភាពជោគជ័យនៃការអនុវត្តមុខងារងងឹតរបស់អ្នក។ សម្រាប់ហេតុផលនោះ ក្រុមការងារនៅ Uplers បានបោះពុម្ពសៀវភៅណែនាំនេះទៅជារបៀបងងឹត ការគាំទ្រអ៊ីមែល.
ថ្មីៗនេះ, DK New Media បានបង្កើតគំរូ Salesforce Marketing Cloud សម្រាប់អតិថិជនដែលរួមបញ្ចូល Dark Mode ដែលផ្ទុយគ្នាយ៉ាងខ្លាំងនៃផ្នែកអ៊ីមែលនៅពេលមើលក្នុងកម្មវិធីអ៊ីមែល។ វាជាការខិតខំប្រឹងប្រែងមួយដែលអាចជំរុញឱ្យមានការចូលរួមបន្ថែម និងអត្រាចុចតាមរយៈសម្រាប់អតិថិជនរបស់អ្នក។
កូដអ៊ីម៉ែលរបៀបងងឹត
ជំហានទី ១៖ បញ្ចូលទិន្នន័យមេតាតាដើម្បីបើកដំណើរការរបៀបងងឹតនៅក្នុងម៉ាស៊ីនភ្ញៀវអ៊ីមែល - ជំហានដំបូងគឺត្រូវបើកមុខងារងងឹតនៅក្នុងអ៊ីមែលសម្រាប់អ្នកជាវដែលបើកការកំណត់របៀបងងឹត។ អ្នកអាចបញ្ចូលទិន្នន័យមេតានេះនៅក្នុង ស្លាក។
<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 (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 - ការណែនាំរបស់អ្នកអភិវឌ្ឍន៍ចំពោះរបៀបងងឹតសម្រាប់អ៊ីមែល។
ប្រសិនបើអ្នកចង់ឱ្យគំរូអ៊ីមែលរបស់អ្នកបំប្លែងសម្រាប់ការគាំទ្ររបៀបងងឹត កុំស្ទាក់ស្ទើរក្នុងការទាក់ទងទៅ DK New Media.