Jak wysłać ukrytą wersję wiadomości e-mail, którą zobaczy tylko zegarek Apple Watch?

Użytkownik lakmusa, Dan Foody, odkrył coś bardzo ekscytującego w Apple Watch. Istnieje sposób na wysłanie ukrytej wersji kampanii e-mail, która będzie wyświetlana tylko na Apple Watch. Daje to znacznie większą elastyczność w projektowaniu.

Zwykle zegarek wyświetla tylko część tekstową wiadomości e-mail. Dzieje się tak z powodu dziwactwa. Gdy zegarek zauważy zdalny obraz w wiadomości e-mail, uważa kod HTML za zbyt skomplikowany, więc zamiast tego wyświetla wersję w postaci zwykłego tekstu. Dla porównania, obraz zdalny to obraz, który nie jest osadzony w wiadomości e-mail, ale jest ładowany z serwera przy użyciu standardowego tagu <img> — w ten sposób ładowanych jest 99% obrazów w wiadomościach e-mail. Pamiętajcie, ludzie, wyświetlamy e-maile na zegarku . To musi być proste!

Więc jaki jest sekret?

Najpierw trochę tła. Wiadomości e-mail w formacie HTML zwykle zawierają dwie części — HTML (technicznie z typem zawartości text/html ) i zwykły tekst ( text/plain ). Apple w niedawnym e-mailu do klientów wykorzystał trzecią część: text/watch-html .

Jeśli dołączysz do wiadomości dodatkową część HTML, z Content-Type „ text/watch-html ”, Watch użyje dodatkowej części Watch zamiast części Plain Text, gdy część HTML jest nieodpowiednia. Możesz potrzebować pomocy od swojego ESP lub dostawcy poczty, aby skonfigurować trzecią część Watch. Możesz również spróbować wysłać do siebie e-mail z włączonym zegarkiem za pomocą PutsMail, który obsługuje trzecią część watch-html . Teraz możesz tworzyć treści wyłącznie dla zegarka!

Oglądaj-html w akcji

Wzięliśmy nasz ostatni newsletter i dodaliśmy część watch-html . We wszystkich innych klientach pocztowych wyglądało na to, że nic się nie wydarzyło.

Ale na Apple Watch byliśmy w stanie pokazać konkretną, dostosowaną wersję, która wykorzystywała bogate wsparcie tekstowe zegarka.

Jak dobrze może wyglądać e-mail na zegarku?

Dzięki tej technice Twoje e-maile mogą wyglądać lepiej, ale nadal są dość ograniczone. Najprostszym sposobem myślenia o obsłudze HTML zegarka jest tylko dekoracja tekstu. Możesz stworzyć ładniejsze formatowanie, ale nie będziesz odtwarzać pełnego układu wielokolumnowego.

Sprawdź kod HTML użyty do utworzenia przykładowego e-maila powyżej. Zauważysz, że prawie nie ma elementów blokowych. W rzeczywistości prawie wcale nie wygląda jak HTML. Dzieje się tak ze względu na sposób, w jaki zegarek analizuje kod HTML do widoku tekstu sformatowanego.

Ponieważ zegarek nie jest w stanie wyświetlać kodu HTML, w rzeczywistości iPhone tłumaczy kod HTML na tekst sformatowany przed dostarczeniem go do zegarka. Jest to bardzo podobne do przeglądarek tekstu sformatowanego, które niektórzy mogą pamiętać z początków Lotus Notes i AOL. Jest to zasadniczo zwykły tekst, z pewną obsługą bogatej zawartości.

Wskazówki dotyczące formatowania

Zamiast tagów akapitu po prostu utwórz akapit w źródle wiadomości e-mail. Nie używaj stylów ani silnych tagów, aby zwiększyć grubość czcionki, zamiast tego użyj <b>. Elementy div nie są potrzebne, podobnie jak większość stylów (z wyjątkiem kolorów tekstu, które nie są czarne). Pamiętaj, aby unikać wcięć lub innej organizacji w kodzie HTML — zegarek zawiera dodatkowe odstępy w wiadomości.

Oto nasze podsumowanie tego, co jest do tej pory obsługiwane:

Koncepcja tekstu sformatowanego	Obejrzyj HTML
Pogrubiony	<b>Tekst</b>
Kursywa	<i>Tekst</i>
Podkreślać	<u>Tekst</u>
Kolor czcionki	<span style=”color: #00800;”>Tekst</span> Tekst ustawiony na czarny (#000000) lub nieokreślony, zostanie przekonwertowany na biały (#FFFFFF). Obsługiwane są inne kolory.
Wyrównanie	<div style=”text-align: right;”>Tekst</div> Obsługiwane są tylko lewy, środkowy i prawy.
Cytowanie	<blockquote type=”cite”>Tekst</blockquote> Zagnieżdżaj cytaty o głębokości do 7 poziomów, nie ma wcięć, ale cieniowanie wskazuje poziom cytatu.
Lista numerowana	<ol><li>Pozycja 1</li></ol>
Lista punktowana	<ul><li>Pozycja 1</li></ul>
Obrazy	<img src=”cid:…”>Tekst</blockquote> Obsługiwane są tylko obrazy osadzone, a rzeczywista obsługa jest bardzo błędna. Więcej na ten temat poniżej.

Wsparcie obrazu

Ta pierwsza wersja klienta poczty e-mail Watch ma dość duże problemy, jeśli chodzi o obrazy. Oprócz tego, że muszą być osadzone, należy zwrócić uwagę na kilka dużych problemów.

W sposobie pozycjonowania obrazów występuje błąd, który powoduje zepsucie proporcji obrazu. Gdy zegarek zmienia rozmiar osadzonego obrazu, wstawia przezroczystą ramkę o wielkości 2 pikseli (4 piksele raz na ekranie siatkówki). Niestety robi to wewnątrz obrazu, powodując zniekształcenie obrazu. Na przykład, jeśli masz obraz o wymiarach 100 x 50 pikseli, zegarek zmieni jego rozmiar do 96 x 46 pikseli, nie zachowując proporcji obrazu.

Możesz obejść ten problem, zmieniając rozmiar obrazów na 4 piks. x 4 piks. (bez zachowywania proporcji obrazu). W tym przykładzie obraz w części Watch HTML miałby rozmiar 104x54px. Zegarek zmieni rozmiar z powrotem do 100x50px. Spowoduje to jednak pewne zniekształcenia.

Ponadto obrazy w wierszu mogą zostać przypadkowo przeniesione w dowolne miejsce w widoku Oglądaj. Jeśli zegarek napotka czkawkę podczas renderowania, może się okazać, że Twój obraz pojawia się nad tematem, datą lub nawet od imienia i nazwiska!

W pełni oczekujemy, że Apple naprawi te problemy w aktualizacji oprogramowania w najbliższej przyszłości, ale warto pamiętać o tych ograniczeniach. Jeśli eksperymentujesz z osadzaniem obrazów, pamiętaj, aby używać ich tylko w części Obejrzyj HTML, ponieważ osadzone obrazy mają słabą obsługę wyświetlania w części HTML wyświetlanej w innych klientach poczty e-mail.

Tekst w nagłówku

Jest jeszcze jedna ostateczna uwaga, o której należy pamiętać. Chociaż Watch wyrenderuje Watch HTML, nadal będzie używać standardowej części HTML dla tekstu wstępnego nagłówka w widoku skrzynki odbiorczej.

Używanie watch-html na wolności

Jak właściwie możesz użyć tej ukrytej części Watch HTML? Będziesz potrzebować pomocy ESP lub dostawcy poczty. Zła wiadomość jest taka, że ​​ESP jeszcze tego nie obsługują — wyślij im link do tego posta! Poniżej zamieściliśmy szczegóły techniczne. Mamy nadzieję, że teraz, gdy odkryliśmy szczegóły techniczne, które zobaczymy w najbliższej przyszłości.

Jak wysłać e-mail z częścią watch-html?

Jeśli sam dostarczasz wiadomości e-mail w formacie HTML lub wdrażasz to dla ESP, omówmy szczegóły techniczne dotyczące wysyłania wiadomości e-mail zawierających część Obejrzyj HTML.

Aby dodać część Watch HTML, dodaj dodatkową, trzecią część MIME. Musi używać Content-Type „text/watch-html” i musi być wbudowany.

 Content-Type: text/watch-html; charset="utf-8"

Ponadto, co jest bardzo ważne, musisz upewnić się, że część Obejrzyj HTML pojawia się przed standardową częścią HTML w źródle wiadomości e-mail i po części w postaci zwykłego tekstu. Jeśli dołączysz obejrzany kod HTML w innym miejscu, Apple Mail na komputerze wyrenderuje obserwowany kod HTML jako zwykły tekst. Jeśli masz problemy z uruchomieniem go, sprawdź, czy Twój program pocztowy lub MTA nie zmienia kolejności części MIME.

Oto przykładowy e-mail, który poprawnie implementuje wszystkie 3 części:

 Od: [email protected]
Do: [email protected]
Temat: Przykład Apple Watch
Content-Type: wieloczęściowy/alternatywny; border="twoja granica"

--twoja-granica
Content-Type: tekst/zwykły; charset="utf-8"
Content-Transfer-Encoding: cytowany-drukowalny
Dyspozycja treści: inline

To jest część zwykłego tekstu.

--twoja-granica
Content-Type: text/watch-html; charset="utf-8"
Content-Transfer-Encoding: cytowany-drukowalny
Dyspozycja treści: inline

<b>To jest część Obejrzyj HTML</b>

--twoja-granica
Content-Type: text/html; charset="utf-8"
Content-Transfer-Encoding: cytowany-drukowalny
Dyspozycja treści: inline

<p>To jest standardowa część HTML</p>
<img src=”coś-zdalnego”/>

--twoja-granica--

Wreszcie zegarek powróci do części watch-html tylko wtedy, gdy w standardowej części HTML jest coś nieodpowiedniego. Prosty zdalny obraz, taki jak błąd śledzenia lub ukryty obraz, załatwi sprawę.

Ta technika działa, ponieważ Apple Watch wypróbuje część text/html, a następnie stopniowo przejdzie przez części MIME, szukając odpowiedniej zawartości. Chociaż nazwaliśmy nasz typ treści „text/watch-html”, w rzeczywistości można go nazwać dowolną nazwą zaczynającą się od „text/”.

WYŚLIJ SOBIE E-MAIL ZOPTYMALIZOWANY DLA ZEGARKA

PutsMail umożliwia wysłanie testowego e-maila na dowolny adres bez ESP. Posiada również wsparcie dla watch-html .