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]