mailing - Sample
Transkrypt
mailing - Sample
MAILING SPECYFIKACJA TECHNICZNA MAILINGU SAMPLE Mailing 1. Kreacja mailingowa 2. Temat mailingu 3. Nazwa nadawcy 4. Stopka – pełne dane adresowe Zleceniodawcy 5. Adres zwrotny (nieobowiązkowe) 6. Adresy mailowe, na których mają zostać przeprowadzone testy przed docelową wysyłką Kreacja mailingowa • Waga mailingu nie powinna przekraczać 100 KB. • Paczka z mailingiem powinna być zapisana w formacie .zip i zawierać plik index.html oraz folder images z grafiką. • Index.html powinien zawierać następującą deklarację: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html><head><meta http-equiv=”Content-Type” content=”text/html”>; Należy pamiętać o właściwym kodowaniu - UTF-8. • Szerokość kreacji nie powinna przekraczać 650px. • W mailingu nie stosujemy technologii JavaScript i Flash • Przygotowany szablon powinien w całości opierać się na formie tabelarycznej z uwzględnieniem: • Tabele oraz komórki tabel powinny mieć określoną stałą szerokość. Do wyśrodkowania treści wiadomości zalecamy używanie tabel z atrybutem align=”center”. • Nie należy używać parametrów rowspan i colspan, ponieważ niektóre programy pocztowe nie odczytują ich prawidłowo. Optymalnym rozwiązaniem jest stosowanie zagnieżdżonych tabel. • Każda tabela powinna mieć jawnie określone wartości - w cellpadding, cellspacing i border np.: <table width=”600” border=”0” cellpadding=”0” cellspacing=”0”> • Mailing nie powinien składać się w całości z grafiki - programy antyspamowe wyczulone są na tego typu wiadomości. Jeśli mailing ma zawierać duży obrazek warto pociąć go na kilka mniejszych części. • Obrazki powinny mieć następujące rozszerzenia: jpg, gif, png oraz jawnie określoną stałą wysokość i szerokość. Zapewni to prawidłowe wyświetlanie grafi ki oraz przyśpieszy renderowanie. • Przy załączaniu w wiadomości e-mail elementów graficznych warto stosować atrybut alt, wraz z treścią (np. Pobierz grafikę i zobacz więcej, treść oferty z obrazka itp.). • Grafika • Aby grafiki były poprawnie wyświetlane na poszczególnych serwerach pocztowych (np. gmail.com) zalecamy stosowanie style=”display: block;” w tagach <img>. • Większość klientów pocztowych nie odczytuje poprawnie grafik użytych jako tło mailingu.Rekomendujemy stosowanie jednolitego tła za pomocą parametru bgColor określonego w tagu <td>, np. <td bgcolor=”#000e62”>. • Aby zmienić tło całej wiadomości należy umieścić następujący kod: <body style=”margin:0; padding:0; background:#e3dfd6;”> <table width=”100%” cellpadding=”0” cellspacing=”0” border=”0” align=”center” bgcolor=”#e3dfd6”> <tr> <td width=”100%” align=”center” valign=”top” bgcolor=”#e3dfd6”>mailing</td> </tr> </table> </body> • Formatowanie tekstów • Style CSS określone w sekcji <head> często nie są odczytywane przez poszczególnych klientów www. Dlatego zaleca się określać wszystkie style w postaci inline. • Należy używać standardowych czcionek typu Verdana, Tahoma, Arial lub Times New Roman z odpowiednim określeniem ich wielkości w px, np. <span style=”font-family: Arial; font-size: 12px; color:#000;”> • Linki • Warto pamiętać o atrybucie _blank dla linków. Jest on bardzo ważny, gdyż jego nieobecność może zakończyć się zawieszeniem aplikacji desktopowej obsługującej pocztę elektroniczną. • Linki tekstowe: podlinkowanie automatycznie zmienia kolor czcionki na niebieski i podkreśla tekst. Aby tego uniknąć należy określić styl w tagu <a>, np. <a style=”text-decoration: none; color:#001;” href=”http://www.adres.pl”> • Część klientów pocztowych autoamtycznie podlinkowuje wpisane w html adresy www, numery telefonów i niektóre skróty (np. m.in.). W takim przypadku rekomendujemy użycie tzw. kotwicy (pustego linka) oraz styli: <a style=”text-decoration: none; color:#001;” href=”#”>m.in.</a> • Do zmiany koloru podlinkowania nie używamy koloru czarnego (#000) i białego (#fff) - niektóre programy pocztowe ignorują je w stylach przypisanych do linków. Zamiast koloru czarnego mozna użyć np.: #001 itp. • Kody zliczające • Do mailingu możliwe jest dołączenie zewnętrznego kodu zliczającego. Kod taki umieszczamy w sekcji <body> pamiętając o dodaniu do niego znacznika: nochangeurl=”1”. Np.: <img nochangeurl=”1” src=”http://......” alt=”” border=”0” /> • Testowanie wiadomości i filtry antyspamowe • Przed wysyłką należy sprawdzić wyświetlanie mailingu w popularnych przeglądarkach internetowych (Internet Explorer, Firefox, Chrome, Opera, Safari). • Wiadomości testowe powinny być sprawdzone w jak największej ilości popularnych klientów pocztowych (gmail, onet, wp, interia, o2) oraz w programach pocztowych (outlook, thunderbird). • Wszystkie znaczniki języka HTML, typu: table, td, tr, img itd. muszą być domknięte. Polecamy sprawdzenie poprawności kodu w validatorze html np: http://validator.w3.org/#validate_by_upload • Filtry antyspamowe analizują składnię każdej wiadomości (włacznie z tytułem i nadawcą wiadomości). Należy unikać stosowania słów sugerujących, że mail ma charakter reklamowy np. oferta, promocja, upust, rabat, okazja, kliknij. Z tego samego powodu nie nadużywamy wykrzykników i wielkich liter. Mailing video • Film powinien być dostarczony w formacie .mp4, .avi lub .mov • Minimalna rozdzielczość filmu to 720x406 px • Nie ma technicznych wymagań co do długości filmu, jednak ze względu na uwagę odbiorcy rekomendujemy czas max. 30 sekund. • Film konwertowany będzie w zależności od klienta poczty na wideo w formacie .mp4, .gif lub jedną, wybraną stopklatkę. • Jeśli Sample nie tworzy kreacji do mailingu, dostarczona kreacja powinna mieć wydzielone miejsce na film o proporcjach tych samych co przesyłane wideo. • Termin dostarczenia materiałów to min. 3 dni robocze przed startem kampanii. Sample Sp. z o.o. ul. Mokotowska 14, 00-561 Warszawa [email protected]