Бәріңе сәлем!
Рүстем жылы теңіз климатын тамашалау үшін бізден Сочиге кетті. Алина екеумізге электрондық пошта маркетингі туралы әңгімені жалғастыру тапсырылды. Бұл апта менің постым. Мен сізге OpenRate туралы айтып беремін.
Хаттардың ашық жылдамдығы (ағылшын тілінде Open Rate) ең маңыздыларының бірі болып табылады. Сіз 10 000 хат жібердіңіз, оны тек 10 адам оқыды. OpenRate 0,1% болды. Мұң! Бірақ егер 2000 адам болса, онда бұл жаман емес - 20%. Бірақ хатты қанша адам оқығанын қалай білуге болады деген сұрақ туындайды? Unisender, Mailchimp және т.б. сияқты қызметтер бұл ақпаратты интерфейсте береді. Олардың бұл деректерді қалай алатынын анықтауға тырысайық. Бақытымызға орай, бірнеше жол бар - тек екі.
1-параметр. Бір пиксельдік кескін.
Әдіс өте қарапайым! Қызмет электрондық поштаға мөлдір 1×1 пиксель кескінін кірістіреді. Пайдаланушы электрондық поштаны ашқанда, кескін браузерге жүктеледі. Сонымен қатар, сурет «поштаның» серверлерінде орналасқан сияқты. Кескін сұрауы келгенде (серверге сұрау), қызмет қай сурет сұралғанын бақылай алады. Ал қорытынды жасау үшін – қай хаттан, қай пошталық тізімнен ашылды.
Айтпақшы, сурет мекенжайының орнына GoogleAnalytics кодын кодқа енгізу арқылы осылайша жеке әріптердің ашылуын қадағалауға болады. Содан кейін ашылғандардың саны оның статистикасында көрсетіледі.
Мұндай бақылаудың кемшіліктері: ол хат жіберушілердің (және пошта бағдарламаларының) барлық интерфейстерінде жұмыс істемейді және әдіс сіздің хатыңыз HTML пішімінде болған жағдайда ғана қолданылады. Өйткені, бұл белгілі бір html-код. Кәдімгі мәтіндік хабарламада әдіс жұмыс істемейді.
2-нұсқа. Сілтемелерді орындаңыз.
Екінші шешім де бетінде. Хаттағы сілтемелерді белгіледік, әр сілтеменің адресіне арнайы код қостық. Егер олардың артынан біреу біздің сайтқа кірсе, ол хатты ашты. Код арқылы пайдаланушының қай тарату тізімінен келгенін анықтауға болады. Бұл әдіс бірінші нұсқаны толықтырады: егер ол жұмыс істемесе, статистика сілтемені басу арқылы нақтыланады.
Айтпақшы, бір кездері пошта жөнелтілімдері үшін емес, сатушылар жіберген хаттардың ашық жылдамдығын қадағалау идеясы болды. коммерциялық ұсыныстар. Бірқатар шетелдік қызметтер ашылды, олар ақыр соңында шамамен бірдей принциптерде жұмыс істейді.
Негізінен солай. Жұмыс аптасы жемісті болсын!
Бізден html электрондық пошталарын өңдеу мүмкіндіктері туралы жиі сұралады. Әдетте, бұл проблема жоқ, өйткені пошта қызметтері әртүрлі хат редакторларымен жабдықталған.
Бірақ хаттарды тек бірнеше алушыға жіберу керек болса және олардың әрқайсысы жеке болуы керек болса ше? Қызметтік редакторды пайдалану мүмкіндігі үшін ғана ақша төлейсіз бе?
Міндетті емес. Бүгін біз мысал ретінде Sublime Text мәтіндік редакторын пайдаланып бастапқы кодтағы әріптің мазмұнын қалай ауыстыру керектігін айтамыз.
Редактормен танысу
Бұл ретте хаттың өзін көру және ондағы өзгерістерді қадағалау үшін браузер терезесінде хаттың html-файлын ашу жеткілікті. Өзгерістерді код мәтінінде сақтағаннан кейін (Ctrl + S) бетті жаңартыңыз және енгізілген өзгерістерді көресіз.
Көріп отырғаныңыздай, Sublime әртүрлі деректер пішімдерін түстермен бөлектейді, біздің нұсқамызда: html тегтері үшін қызғылт, опциялар үшін жасыл, түрлі опциялардың мәні үшін сары, күлгін және көк, мәтін үшін ақ.
Хат мәтінін ауыстыру
Жоғарыда айтылған редактордың мүмкіндіктерінің арқасында бала хат мәтінін ауыстыруды да жеңе алады. Сізден талап етілетін нәрсе - Sublime ақ түспен бөлектелген мәтіннің өзін жай ғана ауыстыру.
Айта кету керек, Sublime, сондай-ақ Блокнот мәтінді пішімдеуді автоматты түрде қалпына келтіреді. Сонымен, кез келген мәтінді қауіпсіз көшіріп, оны қажетті жерге қоюға болады, ол кодта көрсетілген параметрлерге сәйкес хатта көрсетіледі.
Және тағы бір кішкене кеңес, табу үшін қалаған мәтінбүкіл код массивінде Ctrl+F пернелер тіркесімін басыңыз - содан кейін редактордың төменгі жағында мәтінді іздеу өрісі пайда болады.
Қажет болса, қаріп мәнерін өзгертуге болады.
Келесі қаріптердің бірін пайдалануды ұсынамыз – Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, Courier, Courier New, Georgia, Times, Times New Roman Бұл кез келген жүйемен танылатын стандартты қаріптер. Әйтпесе, басқа компьютердегі мәтініңіз бос сөзге айналуы мүмкін.
Көлемі- параметрдегі қажетті мәнді ауыстырыңыз «қаріп өлшемі: 14px;» . Қаріп өлшемін 14 пиксельден 16 пиксельге дейін үлкейтейік.
Түс- түс мәні HEX параметрінде орнатылған “түс: #323232;” .
Түс мәнін онлайн қызметтердің бірін пайдаланып таңдай аласыз, мысалы, мұнда - get-color.ru.
Біз мәтінді сұр етіп жасаймыз - #4F4F4F.
Жол аралығы- параметр бойынша орнатылған шрифт өлшеміне ұқсастығы бойынша сызық биіктігі: 18px;
Қаріп пішімі- тегтер арқылы орнатылады мәтін - май, мәтін - курсив және мәтін - астын сызу.
Айта кетейік, Sublime тегті ашқан кезде автоматты түрде тегті жабу пәрменін қосады. Сақ болыңыз.
Мәтінімізді көлбеу етіп жазайық.
Жол үзілімі- тег бойынша орнатылады
. Тек осы тегті мәтіннің қажетті бөлімінің алдына қойыңыз.
Мәтінді ауыстырыңыз, сақтаңыз, жаңартыңыз және сіз аяқтадыңыз.
Мәтінге сілтеме енгізу
мақсат=”_бос” - бұл пәрмен сілтемені жаңа қойындыда ашу үшін. Сілтеменің ағымдағы қойындыда ашылуын қаласаңыз, оны қалдырыңыз.
мәтінді безендіру: астын сызу; - сілтеменің астын сызу үшін браузерге команда. Егер астын сызу қажет болмаса, жазу керек мәтінді безендіру: жоқ;
Қалай болғанда да, бұл пәрменді жазуды ұмытпаңыз, әйтпесе әр браузер астын сызу немесе сызбауды өзінше шешеді.
Бұл да талап етілетін пәрмен, әйтпесе браузерлер түстерді өздері қалағандай көрсетеді.
Назар аударыңыз! Кейбір электрондық пошта клиенттері көрінгеннен ақылдырақ және олар мәтіндегі сілтемені көрсе, мысалы, «Сіз веб-сайтқа өту үшін әрі қарай зерттеу...», содан кейін олар оны дербес және өзінше бөлектей алады.
Суретке сілтемені кірістіру/ауыстыру
Хаттағы суреттер тіркеме ретінде сақталмайды, бірақ серверлерде орналасқан. Тиісінше, кодта сурет оған сілтеме болып табылады және оны қосу пәрмені жоғарыда талқыланғанға ұқсас.
www.example.com”target=”_blank” style=”мәтін-декорация: астын сызу; ”>
түсі:#234322; - түс орнату пәрмені суретке қатысты емес.
шекара = "0" - суретті жақтау командасы. 0 мәні кескіннің айналасындағы ақ жиекті жояды, одан үлкен мәндер оның сәйкес пикселінің енін жояды.
Бұл пәрменді енгізуді ұмытпаңыз. Мысалы, бұл пәрменді тіркемесеңіз, Outlook бағдарламасы суретке кадрды автоматты түрде тағайындайды.
Браузерде суреті бар код бөлігін табу оңайырақ болады. Мұны істеу үшін қажетті суретті тінтуірдің оң жақ түймешігімен нұқыңыз және «Кодты қарау» тармағын таңдаңыз (бұл Google Chrome-дағы осы опцияның атаулары, басқа браузерлердегі атауы мен жолы әртүрлі болуы мүмкін). Браузер сізге сәйкес бөлікті автоматты түрде бөлектеп, кодты көшіріп, оны Sublime іздеуіне қояды.
Суретті ауыстырған кезде абай болыңыз - егер оның жаңа суреттің өлшемі алдыңғысының өлшемінен өзгеше болса, барлық параметрлерді өзгерту керек. еніжәне биіктігіқазіргілерге.
Кейінгі сөз
Біз сізге электрондық пошта кодын өңдеудің ең «ауыртпалықсыз» нұсқалары туралы айттық. Егер сізге маңыздырақ өзгертулер енгізу қажет болса, біз мұндай тапсырманы макет маманына тапсыруды немесе өңдеу алдында кем дегенде кодтың көшірмесін жасауды ұсынамыз.
Алдыңғы екі бөлімді оқып шығыңыз, үшіншісін игеріңіз, сонда сіз жаңа редакторда толық жұмыс істеу үшін барлық техникалық біліммен қаруланасыз!
Жаңа редактордан электрондық пошта кодын қалай алуға болады?
Осылайша мен жұмыс істедім жаңа нұсқасыконструктор. Жалпы ол маған ұнады. Дегенмен, кемшілігі - ол мәтінмен және суреттермен бірге жасалған әріпті HTML кодына түрлендіруге мүмкіндік бермейді. Бұл өкінішті. Бірақ шығудың жолы бар. Кодты өзіңіз шығарып алуыңыз керек. Бұны қалай істейді?
Енді мен айтайын. Жалпы, сізде хат бар. Немесе хат үлгісі. Егер жоқ болса, үлгіні (немесе оның негізінде дайын хатты) жасағаннан кейін осы бөлікті оқуға оралыңыз.
Басынан бастап
Сонымен, бүкіл процедураны толығымен қарастырайық. Басынан бастап. Біз бәрін төрт қадаммен жасаймыз.
Екінші қадам.Сақталған үлгіні таңдаңыз.
Үшінші қадам.«Алдын ала қарау» түймесін басыңыз. Содан кейін браузерде процедураны сипаттаймын Google Chrome. «Алдын ала қарау» түймесін басу арқылы хат жазылушы оны көретін пішінде ашылады.
Төртінші қадам.Мәзірді ашу үшін тінтуірдің оң жақ түймешігімен басыңыз, онда біз «Кодты қарау» опциясын таңдаймыз. Осыдан кейін Chrome браузерінде төменгі жағынан хаттың HTML коды бар қосымша терезе («терезедегі терезе») ашылады.
Түсінікті болу үшін төменде барлық қадамдардың скриншоттары берілген.
Электрондық поштаның HTML кодын қалай алуға болады
Тінтуір курсорын кодтың кез келген жолының үстіне жылжытсаңыз, хабарламаны алдын ала қарау терезесінде (бізде ол ашық, ол ешқайда кеткен жоқ) осы жол сипаттайтын өріс белгіленеді.
Жоғары көтеріле отырып, біз хатымыздың ең басына жеттік. Бұл ең алғашқы мәтін болуы мүмкін, мысалы, «Сәлеметсіз бе, құрметті жазылушы» немесе сурет – сіздің сайтыңыздың логотипі.
Менің хатым логотиптен басталады. Сондықтан біз хаттың барлық элементтерінің сипаттамасы басталатын кодты іздейміз: мәтін және суреттер.
Коды бар терезе көлденең (браузер терезесінің төменгі жағында), тігінен (браузер терезесінің оң жағында) немесе жеке тәуелсіз терезе ретінде орналастырылуы мүмкін. Бірақ бізге бөлек тәуелсіз терезе қажет емес, өйткені біз кодты аралап, әріптің қай элементін көрсететінін көреміз. Қосымша терезе браузер терезесінің төменгі жағында орналасқаны маған ыңғайлырақ.
Қосымша терезені қалай орнатуға болады
Қосымша терезенің орнын таңдау оңай.
- Қосымша терезенің жоғарғы мәзірінде, оң жақ бөлігінде, кресттің жанында үш тік нүктемен көрсетілген элемент бар. Ол DevTools баптау және басқару деп аталады (атауы тінтуірдің үстіне апарған кезде көрсетіледі). Біз оны ашамыз.
- Төменге қондыру режимін таңдаңыз.
Барлығы. Енді біздің қосымша тереземіз төменгі жағында орналасқан. Бұл жағдайда элементтер режимі жоғарғы мәзірдің сол жағында таңдалуы керек.
Браузерден электрондық пошта кодын көшіру
Енді кодты жоғарыдан төменге қарай жылжытайық. Хатымыздың бетіндегі барлық элементтерді бір уақытта қамтитын кодты тапқаннан кейін тінтуірдің оң жақ түймешігімен мәзірді шақырамыз және HTML ретінде өңдеуді таңдаймыз.
Блок ашылады: тіктөртбұрыш, оның ішінде көп код бар. Осы тіктөртбұрыштың ішіндегі барлық кодты көшіріңіз (алдымен Ctrl + A, содан кейін Ctrl + C пернелер тіркесімін басыңыз).
Міне, HTML кодын алмасу буферіне, яғни компьютеріміздің уақытша жадына көшірдік. Енді сіз бұл кодты SmartResponder қолданбасында үлгі ретінде сақтай аласыз.
Жаңа үлгінің бос өрісі ашылады, оның мәзірінде міндетті түрде «Көз» түймесін басу керек (бұл түйменің атауы «HTML коды» болып өзгертілгенін бүгін ғана көрдім).
Содан кейін біз HTML кодын Ctrl + V пернелер тіркесімі арқылы қоямыз. Содан кейін әріптің тақырыбын көрсетіңіз (бұл міндетті өріс) және «Сақтау» түймесін басыңыз. Дайын!
Электрондық пошта кодын дұрыс сақтау
Иә, бұл реттелді. Енді кодты компьютерде HTML файлы ретінде қосымша сақтауға болады. Ол үшін блокнотты ашып, оған кодты сақтаңыз. Содан кейін *.txt кеңейтімін *.html етіп өзгертіп, файлды ашыңыз. Браузер терезесінде хаттың көшірмесін көресіз.
Қатаң айтқанда, бағдарлама кодтарын сақтау үшін бұл жақсы NotePad++ редакторын жүктеп алыңыз. Мен оны әрқашан қолданамын, себебі Блокнот:
а) код құрылымын визуалды түрде көрсету;
б) синтаксисті бөлектеу (яғни код элементтері арасындағы байланыстар: не ашылады және жабылады және олардың арасында не жазылады «қай жерде» жазылған).
Рас, в 
SmartResponder пошталық қызметінде арнайы жасалған хаттың кодын өңдеуді үйрену, тіпті NotePad ++ маған әдемі код белгілеуін алуға көмектеспеді. Мұнда көмектесті Adobe Dreamweaver CC.
Тек оның арқасында «Бастапқы кодты пішімдеу» командасы арқылы кодты құрылымдау мүмкін болды.
Енді сіз кодты NotePad++ жүйесіне тасымалдап, сақтай аласыз. Дегенмен, жоқ. Сақтау алдында «ANSI-ге түрлендіру» түймесін басу керек, осылайша қарау кезінде мәтіннің орнына скрипт болмайды.
Сондай-ақ «Көру» - «Желілерді орау» таңдауға болады. Содан кейін барлық код сызықта емес, беттің енінде орналасады.
Осыдан кейін барлығы SmartResponder қызметіндегі хат үлгісіндегідей ашылып, көрсетілуі керек.
Қауіпсіздік желісі: кодты SmartResponder қолданбасында сақтаңыз
Жаңа редакторда жасалған хатымыздан кодты «ауып алғандықтан», ол бізде бар болғандықтан, қауіпсіздік үшін оны SmartResponder қызметінде сақтай аламыз. Не үшін? Оның негізінде жаңа әріптер жасау, оларды өзгерту және, ең бастысы, оларды басқа ресурстарда пайдалану (жаңа редакторда мұндай мүмкіндіктер жоқ екенін еске саламын).
Ол үшін Google Chrome браузерінен көшірілген код ескі SmartResponder конструкторына қойылуы керек.
Бұл оңай орындалады.
- «Пошта хабарламалары» қойындысында «Хаттар үлгілерінің тізімі» бөлімін таңдаңыз.
- «Үлгі жасау» түймесін басыңыз.
- «Түрлі-түсті HTML электрондық поштасы (ескі редактор)» түрін таңдап, «Келесі» түймесін басыңыз.
- Ашылған редакторда әріп құруға арналған құралдар мәзірінде «HTML коды» түймесін басыңыз.
- Біздің кодты қойыңыз (Ctrl + V басыңыз). Біз «HTML коды» түймесін қайтадан басамыз, яғни кодты көрсету режимін өшіріп, көру режимін қосамыз. сыртқы түріәріптер.
- «Хат тақырыбы» жолын міндетті түрде толтырыңыз (орыс тілінде: шаблонға атау береміз).
- Мен «Сақтау» түймесін басамын.
Бұл, шын мәнінде, мен бірінші хатымды жасағаннан кейін жаңа SmartResponder редакторы туралы айтқым келген нәрсе.
Мен SmartResponder қызметімен бұрын мүлдем таныс емес екенімді айтқым келеді. Яғни, ескі редакторда да, жаңа редакторда да жұмыс істеу дағдысы болмады. Бірақ мен тіркеліп, оны түсіндім. Енді сіз жаңа SmartResponder конструкторында қалай жұмыс істеу керектігін білесіз.
Ал сіз өз жұмысыңызда хат жасау және жіберудің қандай қызметтерін пайдаланасыз?
HTML тілі бойынша теориялық материалды оқу барысында кейбір қолданушыларда сұрақ туындайды: қалай html файлын веб-шолғышқа қойыңыз? Қазірдің өзінде жазылған html коды сияқты, ішінде қарау браузер. Қараңыз былайша айтқанда, атқарылған жұмыстың нәтижесі.
Біз бұрын келіскеніміздей, біз html кодын Блокнот бағдарламасында жазамыз (бірақ басқа редакторларды пайдалануға ешкім тыйым салмайды, мысалы, Notepad ++, бұл одан да ыңғайлы).
Сонымен, Блокнот бағдарламасын ашып, оған html кодын жазыңыз. Өткен сабақтың html кодын алайық.
"Сипаттамасы" мазмұны=" Бет сипаттамасы">
Рас, мұндай html коды браузерде бізге ештеңе бермейді. Тегтер арасында қажет
және
басқа нәрсе жазыңыз, мысалы, тақырып және бірнеше абзац:
Бәрі жұмыс жасап жатыр
Біз осы үш жолды html кодымызға қосамыз және келесідей код аламыз:
"Сипаттамасы" мазмұны=" Бет сипаттамасы">
Html кодын жазу нәтижесін тексеру
Бәрі жұмыс жасап жатыр
Біздің файлды сақтаңыз: файл → түймесін басыңызретінде сақтаңыз
Ашылған терезеде біз файлды сақтайтын қалтаны таңдаңыз, файл атын жазыңыз (мысалы, құжат), .txt файл кеңейтімін .html етіп өзгертіңіз және файл түрін «Барлық файлдар» етіп орнатыңыз.
Біздің файлды браузерде ашу үшін файлдың үстіне меңзерді апарыңыз, тінтуірдің оң жақ түймешігімен нұқыңыз, ашылған терезеде «Бірге ашу» тармағын таңдап, біз қолданатын браузерді таңдаңыз.
Келесі сабақ.