posíláme e-mail (tentokrát pro roboty)
TRANSCRIPT
![Page 1: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/1.jpg)
E-MAIL 101(for robots)
Adam Hořčica (@horcicaa)
InstallFest 2015
![Page 2: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/2.jpg)
Něco o mě…
• Nejsem robot
• Jsem softwareář
• A webař
• A rozesílač
![Page 3: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/3.jpg)
Obsah
• Píšeme e-mail
• Odesíláme e-mail
• Čteme e-mail
![Page 4: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/4.jpg)
PÍŠEME E-MAIL
![Page 5: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/5.jpg)
Proč?
• Další kanál vaší aplikace k uživateli
• Je třeba zamyslet se nad UX
• Marketingový kanál (brand)
![Page 6: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/6.jpg)
https://www.campaignmonitor.com/guides/email-marketing-trends/
Statistika
![Page 7: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/7.jpg)
https://www.campaignmonitor.com/guides/email-marketing-trends/
![Page 8: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/8.jpg)
Text nebo HTML nebo obojí
• Multipart e-mail
• Klient si může vybrat co zobrazí
![Page 9: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/9.jpg)
TEXTOVÝ E-MAIL
Prostě plain-text, na tom nic není…
![Page 10: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/10.jpg)
![Page 11: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/11.jpg)
Co dělat
• Na pohled jasné nadpisy• Hodně bílých znaků
– Mezery mezi odstavci, nadpisy, …– Aby se nesléval text do velkého bloku
• Krátká URL – Mohou se zalomit => problém s kliknutím,
kopírováním, …
• Nedělejte ruční zalomení– Na mobilu se vám to zalomí jinak– Outlook na to stejně kašle
![Page 12: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/12.jpg)
![Page 13: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/13.jpg)
HTML E-MAIL
Prostě webová stránka, na to nic není…
![Page 14: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/14.jpg)
Jak na HTML e-mail
• Stále je to text, ale s formátováním
• Spíš práce pro copywritera než designera
• Poznej nepřítele (homogení vsheterogení prostředí)
![Page 15: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/15.jpg)
http://twitter.com/plavacek/statuses/2774891941
![Page 16: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/16.jpg)
![Page 17: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/17.jpg)
![Page 18: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/18.jpg)
<style>
• Zapomeňte na CSS layout
• Pouze starý dobrý tabulkový layout
• Pouze inline
–Nejen že <style> většinou nefunguje
– Inline má i přednost před výchozím stylem
–http://premailer.dialect.ca/
• Omezené množina
![Page 19: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/19.jpg)
https://www.campaignmonitor.com/css/
![Page 20: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/20.jpg)
<img>
• Nespoléhejte na ně
• Žádné přílohy, pouze http://...
• „Řezání obrázků“
• Nezapomenout na alt
![Page 21: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/21.jpg)
![Page 22: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/22.jpg)
![Page 23: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/23.jpg)
![Page 24: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/24.jpg)
![Page 25: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/25.jpg)
Testování
• Vše testujte
–Ručně (pokud víte cílové publikum)
–Automaticky (pokud to myslíte vážně)
• https://litmus.com/
• https://www.campaignmonitor.com/testing/
• http://mailchimp.com/features/inbox-inspector/
![Page 26: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/26.jpg)
![Page 27: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/27.jpg)
![Page 28: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/28.jpg)
POSÍLÁME E-MAIL
Prostě SMTP, na tom nic není
![Page 29: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/29.jpg)
Jak posílat
• Automatizovaně
• TO, CC, BCC
• I hromadné e-maily individuálně
![Page 30: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/30.jpg)
Aby z vás neudělali spam
• Uživatel musí chtít e-mail
• Jasné propojení „značky“
• Snadné udhlášení
• Sender ID, SPF, DKMI
![Page 31: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/31.jpg)
Aby z vás neudělali spam
• Co nedělat:
–URL text jiný než v href
– Jen obrázky a žádný text
–Neplatná reply-to
–Nemít konzistentní detail from adresy
![Page 32: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/32.jpg)
ANALÝZA
![Page 33: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/33.jpg)
Měření
• Kdo si e-mail „přečetl“
• Typické Metriky
–Odmítnutí
– Zobrazení
–Proklik
–Odhlášení
![Page 34: Posíláme e-mail (tentokrát pro roboty)](https://reader034.vdocuments.site/reader034/viewer/2022052313/58844d6d1a28aba8438b72f5/html5/thumbnails/34.jpg)
Kam dál
http://mailchimp.com/resources/
https://www.campaignmonitor.com/guides
https://support.google.com/mail/answer/81126?hl=en (Bulk Senders Guidelines)