Articles

HTML5 i wideo w emailach

Posted on

Artykuł opublikowany po raz pierwszy w październiku 2009, zaktualizowany w maju 2019

Przy coraz bardziej konkurencyjnym krajobrazie email marketingu, marketerzy szukają sposobów na poprawę doświadczeń czytelników. W końcu, jeśli czytelnicy lubią Twoje e-maile, będą bardziej skłonni do skorzystania z Twojej oferty, co przełoży się na wysoki współczynnik konwersji (i wzrost przychodów).

Jednym ze sposobów, w jaki możesz zapewnić swoim czytelnikom lepsze doświadczenia, jest osadzenie wideo HTML5 w swoich e-mailach. Wykorzystanie wideo w marketingu jest na fali wznoszącej, a połączenie go z email marketingiem może być receptą na sukces.

Uaktualnione na 2019: Najlepsze wykorzystanie wideo w emailu

Jeśli byłeś na torze email marketingu w ciągu ostatnich kilku lat, prawdopodobnie rozumiesz, jak bardzo się zmienił. Po pierwsze, pozyskiwanie subskrybentów do zapisania się na Twoją listę e-mailową nie jest już tak proste jak kiedyś. A kiedy już uda Ci się ich pozyskać, utrzymanie ich zaangażowania może być trudne.

Dlatego właśnie video stało się tak popularne w email marketingu.

Jednakże HTML5 i video email nie są nowością w email marketingu. Marketerzy próbowali połączyć te dwa rozwiązania w przeszłości, ale z mieszanymi rezultatami (katastrofalnymi dla niektórych klientów poczty elektronicznej). Jednak wraz z postępem technologicznym nastąpił odrodzenie w wykorzystaniu HTML5 i wideo w emailach. Ważne jest tylko, aby być ostrożnym w sposobie, w jaki to robisz, ponieważ może to zrujnować twoją kampanię, jeśli nie jest to zrobione we właściwy sposób.

Pamiętaj o następujących rzeczach, kiedy używasz wideo w swoich emailach.

Pozwól czytelnikom wiedzieć, że w emailu jest wideo

Pozwolenie czytelnikom wiedzieć, że email zawiera wideo jest dobrym sposobem na zwiększenie współczynnika otwarć. Zrób to poprzez umieszczenie słowa „video” w temacie emaila, aby wzbudzić zainteresowanie czytelników.

Stwórz serię

Jednym z najlepszych sposobów na utrzymanie zaangażowania czytelników jest stworzenie serii video dla Twojego emaila. Upewnij się tylko, że są one pouczające i zabawne. Jednym ze sposobów na osiągnięcie tego celu jest pokazanie subskrybentom, co dzieje się za kulisami Twojej firmy.

Twórz video referencje

Nic nie inspiruje do działania bardziej niż referencje. Zapytaj swoich najlepszych klientów, czy mogą dostarczyć Ci video referencje. Mogą one być łatwo wykonane bez konieczności wizyty w profesjonalnym studiu. Video email marketing nie może być lepszy niż prawdziwe, autentyczne video referencje.

Mini tutoriale

Czy są pytania, które Twoi klienci ciągle zadają? Spróbuj stworzyć tutoriale lub filmy edukacyjne na te tematy i dołącz je do swoich emaili. Jest to doskonały sposób, aby pokazać, co potrafi Twój produkt i edukować klientów w zakresie najlepszych praktyk.

Podziel się historią swojej marki

Każdy lubi dobre historie, a Twoi klienci z chęcią poznają Twoją. Zamieść wideo z historią swojej marki w swoich emailach, szczególnie w emailu powitalnym. To łatwy i skuteczny sposób na nawiązanie kontaktu z odbiorcami.

Przy tak wielu zastosowaniach video w emailu, nie ma powodu, dla którego nie miałbyś zastosować video email marketingu w swojej następnej kampanii. Na szczęście osadzenie wideo w emailu nie jest trudne.

Podejście do wideo w emailu

To nie pierwszy raz, kiedy przyglądamy się wsparciu dla wideo w emailu. W naszych poprzednich badaniach poszukiwaliśmy podejścia, które pozwoliłoby na odtwarzanie wideo w klientach poczty elektronicznej, które je wspierają, a w tych, które tego nie robią, na kliknięcie obrazu awaryjnego (który następnie odtwarzałby wideo w przeglądarce).

Wyniki były rozczarowujące. Tylko Apple Mail obsługiwał przyzwoite odtwarzanie wideo za pomocą Flasha i nie było spójnego sposobu na zapewnienie zawartości awaryjnej dla tych klientów, którzy nie obsługują Flasha. To właśnie wydaje się być sednem problemu. Jeśli wideo nie działa, lepiej mieć plan awaryjny, który działa dobrze dla wszystkich innych. Ponieważ większość klientów poczty elektronicznej usuwa <object> tag używany do wstawiania wideo, plan awaryjny nie był dostępny.

Proste podejście przy użyciu HTML5

Przy użyciu bardzo fajnego Video for Everybody autorstwa Kroca Camena jako punktu wyjścia, stało się jasne, że podejście dla przeglądarki będzie zupełnie inne niż dla klientów poczty elektronicznej.

Technika Kroca zapewniała wiele warstw wsparcia (zobacz tutaj). Tak więc, jeśli HTML5 <video> nie jest dostępny, możesz wrócić do QuickTime lub Flasha i prawie zawsze zagwarantować, że wideo będzie działać. Ponieważ wiemy, że Flash i QuickTime są powszechnie blokowane w poczcie elektronicznej, te opcje zapasowe mogą być usunięte, aby zachować prostotę.

W związku z bitwą o kodeki, o której była mowa wcześniej, musisz dostarczyć swoje wideo zarówno w formacie H.264 (obsługiwanym przez Apple i Google), jak i Ogg Theora (obsługiwanym przez Mozillę i Operę). Nie jest tak w przypadku poczty elektronicznej. Jedynym popularnym klientem poczty, który używa Gecko (silnik renderujący Firefoksa) jest Thunderbird, który obecnie nie wyświetla wideo HTML5. Tak więc, podobnie jak w przypadku Flasha/Quicktime, Ogg Theora również odpada. Jeśli duża liczba Twoich odbiorców klika na wersję webową Twoich emaili, możesz rozważyć dodanie jej z powrotem dla wszystkich subskrybentów używających Firefoxa.

Kod końcowy

Po wycięciu wszystkich opcji video, które stały się zbędne w emailu, oto kod końcowy, który dał najlepsze rezultaty.

Jak widać, w tagu <video> umieszczamy obrazek awaryjny (który jest wygodnie ładowany jako plakat filmu przed odtworzeniem dla klientów poczty elektronicznej obsługujących wideo) wraz z szerokością i wysokością filmu. Wewnątrz znacznika <video> wywołujemy wideo zakodowane w formacie H.264 za pomocą znacznika <source>, pamiętając o pełnym odwołaniu do pliku na swoim serwerze.

Na koniec dodaj zawartość kopii zapasowej, którą chcesz wyświetlić w każdym kliencie poczty, który nie obsługuje HTML5, wewnątrz znaczników <video>. Normalnie byłby to klikalny zrzut ekranu filmu, który po kliknięciu odtwarzałby film w przeglądarce.

Wyniki

Pracując na Macu, moim pierwszym przystankiem był Apple Mail. Wideo wyświetlało się doskonale. Odtwarzał się również pięknie na kliencie poczty iPhone’a.

Potem zwróciłem się do popularnych klientów poczty opartych na sieci: Yahoo!, Gmail i Hotmail. Niestety, wygląda na to, że web-based klientów poczty e-mail są wybierając wyłączyć wideo HTML5 z odtwarzania. Chociaż to było rozczarowujące, wiadomości nie jest wszystko złe. W miejsce wideo mogłem wyświetlić dostarczoną treść zapasową – w tym przypadku był to klikalny obrazek awaryjny, na którym mogłem umieścić link do filmu na mojej stronie internetowej. Ta funkcja nigdy nie była dostępna w żadnej z poprzednich prób prawdziwego wideo w e-mailu i była mile widziana poprawa.

Jak kontynuowałem testowanie, te same wyniki były doświadczane na pulpicie klientów poczty na PC. Wideo nie grało, ale opcja awaryjna pojawiła się w każdym pojedynczym kliencie, który testowałem. Oto pełne wyniki:

.

.

Desktopowe klienty poczty Wynik
Apple Mail Video plays
Entourage 2008 Video plays
Lotus Notes 6, 7 i 8.5 ✘ Fallback content displayed
Outlook 2007 ✘ Fallback content displayed
Outlook 2003 ✘ Fallback content wyświetlana
Thunderbird ✘ Fallback content displayed
Windows Mail ✘ Fallback content displayed
Web- based email clients Web-based email clients Result
AOL Web ✘ Fallback content displayed
Gmail ✘ Fallback content displayed
Hotmail ✘ Fallback content displayed
MobileMe Video plays
MySpace ✘ Fallback content displayed
Mobile email clients Result
iPhone Video plays

Zobacz to w akcji

Aby dać ci poczucie, jak wideo HTML5 renderuje się w kilku popularnych klientach poczty e-mail, oto kilka zrzutów ekranu z moich testów.

Apple Mail 4

Gdy otworzyłem wiadomość w Apple Mail, obraz awaryjny, który określiłem w atrybucie poster, został wyświetlony, podczas gdy film zaczął płynąć. Po kilku sekundach pojawiły się elementy sterujące wideo i mogłem zobaczyć postęp ładowania filmu i rozpocząć jego oglądanie.

iPhone 3.1.2

Phone nie obsługuje strumieniowego przesyłania wideo w przeglądarce lub kliencie poczty elektronicznej, a zamiast tego zapewnia wyraźny monit, że kliknięcie obrazu plakatu pozwoli ci obejrzeć film. Kliknięcie obrazu powoduje załadowanie filmu w odtwarzaczu QuickTime iPhone’a. Po zakończeniu filmu, użytkownik zostaje przeniesiony z powrotem do wiadomości e-mail.

Outlook 2007

Jak wszystkie klienty poczty, które nie obsługują wideo HTML5, Outlook 2007 wyświetla zawartość awaryjną, którą określamy w znaczniku wideo. Może to być dowolny kod HTML i nie jest on ograniczony do pojedynczego obrazu. W większości przypadków będzie to prawdopodobnie zrzut ekranu z filmu i ewentualnie ikona odtwarzania, aby zachęcić odbiorcę do kliknięcia obrazu i obejrzenia filmu w przeglądarce.

Wynik był taki sam dla wszystkich klientów poczty, którzy nie obsługiwali wideo HTML5, co czyni ten sposób użytecznym, aby zapewnić spójne doświadczenie dla każdego odbiorcy.

Czy możesz osadzać wideo w Campaign Monitor?

Jako klient Campaign Monitor, możesz skutecznie osadzać wideo HTM5 w wiadomościach e-mail? Tak, i jest to całkiem proste.

W naszym nowym i łatwym w użyciu kreatorze emaili metodą „przeciągnij i upuść”, kliknij na blok zawartości video i przeciągnij go w miejsce, w którym chcesz osadzić video w emailu. Następnie dodaj adres URL swojego filmu, jak pokazano na poniższym przykładzie:

Źródło: Campaign Monitor

Te dwa proste kroki to wszystko, czego potrzeba, aby osadzić wideo HTML5 w wiadomości e-mail.

Czy powinieneś użyć tej techniki?

To podejście jest prawdopodobnie najlepszą dostępną opcją do włączenia wideo do wiadomości e-mail, ponieważ możesz niezawodnie zapewnić treść awaryjną, która działa w każdym kliencie poczty e-mail. Oczywistym ograniczeniem jest to, że w tej chwili działa to tylko w przypadku subskrybentów korzystających z produktów związanych z Apple.

Podjęcie decyzji o przydatności tego podejścia naprawdę sprowadza się do Twojej listy subskrybentów. Dla przykładu, 50% naszej listy klientów otwiera nasz comiesięczny newsletter korzystając z jednego z obsługiwanych klientów poczty elektronicznej Apple (możesz to sprawdzić dla własnej listy korzystając z naszych wygodnych raportów dotyczących klientów poczty elektronicznej). Jeśli chcielibyśmy umieścić wideo w emailu, ta technika oznaczałaby, że połowa naszych subskrybentów będzie mogła oglądać wideo bezpośrednio w swoim kliencie pocztowym, a druga połowa zobaczy doskonale akceptowalny obrazek awaryjny, który będzie mogła kliknąć, aby obejrzeć film w przeglądarce.

Podsumowanie

Używanie wideo HTML5 w emailu nie jest wcale trudne, szczególnie jeśli jesteś klientem Campaign Monitor. Pamiętaj o tych metodach i wynikach testów następnym razem, gdy będziesz rozważał dodanie wideo do swoich kampanii.

Aby dowiedzieć się więcej o tym, jak możesz wykorzystać wideo w emailu, sprawdź nasz artykuł Jak wykorzystać wideo w email marketingu.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *