Cara Mengirim Versi Tersembunyi dari Email Anda Yang Hanya Dapat Dilihat oleh Apple Watch

Pengguna lakmus Dan Foody telah menemukan sesuatu yang sangat menarik tentang Apple Watch. Ada cara untuk mengirim versi tersembunyi dari kampanye email Anda yang hanya akan ditampilkan oleh Apple Watch. Ini memberi Anda lebih banyak fleksibilitas dalam desain Anda.

Biasanya Arloji hanya menampilkan bagian teks biasa dari email Anda. Hal ini terjadi karena keanehan. Ketika Arloji melihat gambar jarak jauh di email Anda, itu menganggap HTML terlalu rumit, jadi itu menunjukkan versi teks biasa sebagai gantinya. Sebagai referensi, gambar jarak jauh adalah gambar yang tidak disematkan dalam email, tetapi dimuat dari server menggunakan tag <img> standar—99% gambar dalam email dimuat dengan cara ini. Ingat, kami menampilkan email di jam tangan di sini, teman-teman. Itu harus sederhana!

Jadi, apa rahasianya?

Pertama, sedikit latar belakang. Email HTML biasanya berisi dua bagian—HTML (secara teknis dengan Tipe-Konten teks/html ) dan Teks Biasa ( teks/polos ). Apple, dalam email baru-baru ini kepada pelanggan, menggunakan bagian ketiga: text/watch-html .

Jika Anda menyertakan bagian HTML tambahan dalam pesan Anda, dengan Jenis Konten “ text/watch-html ”, Arloji akan menggunakan bagian Tontonan tambahan alih-alih bagian Teks Biasa saat bagian HTML tidak sesuai. Anda mungkin memerlukan bantuan dari ESP atau penyedia surat untuk menyiapkan bagian Tonton ketiga. Anda juga dapat mencoba mengirim sendiri email yang mendukung Jam Tangan dengan PutsMail, yang mendukung bagian html jam tangan ketiga. Sekarang Anda dapat membuat konten khusus untuk Tontonan!

Tonton-html beraksi

Kami mengambil buletin terakhir kami dan menambahkan bagian watch-html . Di semua klien email lainnya, sepertinya tidak terjadi apa-apa.

Namun, di Apple Watch, kami dapat menampilkan versi khusus yang disesuaikan yang memanfaatkan dukungan kaya teks dari Watch.

Seberapa baguskah tampilan email di Jam Tangan?

Email Anda dapat terlihat lebih baik dengan teknik ini, tetapi masih cukup terbatas. Cara termudah untuk memikirkan dukungan HTML Watch adalah dekorasi teks saja. Anda dapat membuat beberapa pemformatan yang lebih baik, tetapi Anda tidak akan membuat ulang tata letak multi-kolom penuh.

Lihat HTML yang digunakan untuk membuat contoh email di atas. Anda akan melihat hampir tidak ada elemen level blok. Bahkan, hampir tidak terlihat seperti HTML sama sekali. Ini semua karena cara Watch mengurai HTML menjadi tampilan teks kaya.

Karena Arloji tidak mampu menampilkan HTML, iPhone sebenarnya telah menerjemahkan HTML ke dalam teks kaya sebelum mengirimkannya ke Arloji. Ini sangat mirip dengan pemirsa teks kaya yang mungkin diingat beberapa orang dari hari-hari awal Lotus Notes dan AOL. Ini pada dasarnya teks biasa, dengan beberapa dukungan konten yang kaya.

Kiat Pemformatan

Alih-alih tag paragraf, cukup buat paragraf di sumber email Anda. Jangan gunakan gaya atau tag yang kuat untuk menambah bobot font, gunakan <b> sebagai gantinya. Div tidak diperlukan, juga sebagian besar gaya (dengan pengecualian warna teks yang tidak hitam) dihormati. Pastikan untuk menghindari lekukan atau organisasi lain di HTML Anda—Arloji menyertakan spasi ekstra ini dalam pesan.

Berikut ikhtisar kami tentang apa yang didukung sejauh ini:

Konsep Teks Kaya	Tonton HTML
Berani	<b>Teks</b>
Huruf miring	<i>Teks</i>
Menggarisbawahi	<u>Teks</u>
Warna huruf	<span style="color: #00800;”>Teks</span> Teks yang disetel ke hitam (#000000), atau tidak ditentukan, akan diubah menjadi putih (#FFFFFF). Warna lain yang didukung.
Penyelarasan	<div style="text-align: right;”>Teks</div> Hanya kiri, tengah dan kanan yang didukung.
Mengutip	<blockquote type="cite">Teks</blockquote> Kutipan sarang hingga kedalaman 7 level, tidak ada lekukan yang terjadi, tetapi bayangan memang menunjukkan level kutipan.
Daftar bernomor	<ol><li>Item 1</li></ol>
Daftar berpoin	<ul><li>Item 1</li></ul>
Gambar-gambar	<img src="cid:...">Teks</blockquote> Hanya gambar yang disematkan yang didukung dan dukungan sebenarnya sangat bermasalah. Lebih lanjut tentang ini di bawah ini.

Dukungan Gambar

Versi pertama dari klien email Watch ini memiliki beberapa masalah yang cukup besar dalam hal gambar. Selain fakta bahwa mereka harus disematkan, ada beberapa kesalahan besar yang perlu diperhatikan.

Ada bug dalam cara gambar diposisikan yang mengakibatkan rasio gambar rusak. Saat jam tangan mengubah ukuran gambar tersemat Anda, jam tangan akan menyisipkan batas transparan 2px (4px sekali di layar retina). Sayangnya, hal ini terjadi di dalam gambar, menyebabkan gambar terdistorsi. Misalnya, jika Anda memiliki gambar 100x50px, Arloji akan mengubah ukurannya menjadi 96x46px, gagal mempertahankan rasio gambar.

Anda dapat mengatasi masalah ini dengan mengubah ukuran gambar menjadi 4px x 4px lebih besar (tanpa mempertahankan rasio gambar). Dalam contoh ini, gambar di bagian Watch HTML Anda akan berukuran 104x54px. Arloji akan mengubah ukurannya kembali ke 100x50px. Namun, ini akan menghasilkan beberapa distorsi.

Selain itu, gambar sebaris dapat secara tidak sengaja diposisikan ulang di mana saja dalam tampilan Tontonan. Jika Arloji mengalami cegukan saat merender, Anda mungkin menemukan gambar Anda muncul di atas baris subjek, tanggal, atau bahkan dari nama!

Kami sepenuhnya mengharapkan Apple untuk memperbaiki masalah ini dalam pembaruan perangkat lunak dalam waktu dekat, tetapi ada baiknya mengingat batasan ini. Jika Anda bereksperimen dengan menyematkan gambar, ingatlah untuk menggunakannya hanya di bagian Tonton HTML, karena gambar yang disematkan memiliki dukungan yang buruk untuk tampilan di bagian HTML yang ditampilkan di klien email lain.

Teks Preheader

Ada satu pertimbangan terakhir yang harus diperhatikan. Meskipun Arloji akan merender HTML Tontonan, itu masih akan menggunakan bagian HTML standar untuk teks preheader di tampilan kotak masuk.

Menggunakan watch-html di alam liar

Bagaimana Anda bisa benar-benar menggunakan bagian Watch HTML yang tersembunyi ini? Anda akan memerlukan bantuan dari ESP atau penyedia surat. Berita buruknya adalah ESP belum mendukung ini—kirimkan tautan ke pos ini kepada mereka! Kami telah menyertakan detail teknis di bawah ini. Mudah-mudahan sekarang kami telah menemukan detail teknis, kami akan melihat adopsi dalam waktu dekat.

Cara Mengirim Email dengan Bagian watch-html

Jika Anda mengirimkan email HTML sendiri, atau Anda menerapkan ini untuk ESP, mari kita bahas detail teknis tentang cara mengirim email yang menyertakan bagian Tonton HTML.

Untuk menambahkan bagian Tonton HTML Anda, tambahkan bagian MIME ketiga tambahan. Itu harus menggunakan Content-Type “text/watch-html” dan harus sebaris.

 Tipe-Konten: teks/watch-html; charset = "utf-8"

Juga, dan ini sangat penting, Anda harus memastikan bagian Tonton HTML muncul sebelum bagian HTML standar di sumber email Anda, dan setelah bagian teks biasa. Jika Anda menyertakan HTML Tontonan di tempat lain, Apple Mail di desktop akan membuat HTML Tontonan Anda sebagai teks biasa. Jika Anda mengalami masalah dalam menjalankannya, periksa apakah perangkat lunak surat atau MTA Anda tidak menyusun ulang bagian-bagian MIME.

Berikut adalah contoh email yang mengimplementasikan ketiga bagian dengan benar:

 Dari: [email protected]
Kepada: [email protected]
Subjek: Contoh Apple Watch
Tipe-Konten: multibagian/alternatif; batas = "batas Anda"

--batas-Anda
Content-Type: teks/polos; charset = "utf-8"
Konten-Transfer-Encoding: dikutip-cetak
Konten-Disposisi: sebaris

Ini adalah bagian teks biasa.

--batas-Anda
Tipe-Konten: teks/watch-html; charset = "utf-8"
Konten-Transfer-Encoding: dikutip-cetak
Konten-Disposisi: sebaris

<b>Ini adalah bagian Tonton HTML</b>

--batas-Anda
Tipe-Konten: teks/html; charset = "utf-8"
Konten-Transfer-Encoding: dikutip-cetak
Konten-Disposisi: sebaris

<p>Ini adalah bagian HTML standar</p>
<img src="sesuatu-jauh"/>

--batas-Anda--

Akhirnya, Arloji hanya akan kembali ke bagian html arloji Anda jika ada sesuatu yang tidak sesuai di bagian HTML standar. Gambar jarak jauh sederhana, seperti bug pelacakan atau gambar tersembunyi, akan membantu.

Teknik ini berhasil karena Apple Watch akan mencoba bagian teks/html, kemudian secara bertahap kembali ke bagian MIME, mencari konten yang sesuai. Meskipun kami telah menamai Tipe Konten kami "text/watch-html", pada kenyataannya, itu bisa disebut apa pun yang dimulai dengan "text/".

KIRIMKAN DIRI ANDA EMAIL YANG DIOPTIMALKAN JAM TANGAN

PutsMail memungkinkan Anda mengirim email percobaan ke alamat mana pun tanpa ESP. Ini juga memiliki dukungan untuk watch-html .