Video, hareketli GIF'ler, geri sayımlar ve dinamik resimlerle e-postalarınıza hayat verin

Nasıl yapılır, artılar ve eksiler: açılmaları ve dönüşümleri artırmak için mesajlara neden ve nasıl dinamik bir destek verilir.

Yakın tarihli bir Cisco System raporuna göre, Amerika Birleşik Devletleri'ndeki videolar 2018 yılına kadar internet trafiğinin %84'ünü oluşturacak. Bu, dijital bir ortamdaki dinamik bir öğenin kullanıcının dikkatini her şeyden daha iyi nasıl katalize edebileceğinin gerçek boyutunu ortaya koyan etkileyici bir rakam. Başka.

Bu, ilginç içeriğin yalnızca video aracılığıyla dolaşacağı anlamına gelmez - bu, YouTube'da her gün görüntülenen milyarlarca saatin tamamen alakalı videolardan oluştuğunu kabul etmek anlamına gelir. Kullanıcıyı cezbetmek ve cezbetmek söz konusu olduğunda ise, kinetik öğeye sahip formatlar, bir dizi görüntü ve çerçeve içinde hareket edinerek web sayfalarının daha dinamik hale gelmesine yardımcı olur.

Dinamik öğeler için artan bir tercihle birlikte kullanıcı davranışlarında önemli bir değişikliğe tanık oluyoruz. Sadece Instagram'ın Timelapse ve Boomerang'ı veya Facebook'taki Live ve 360° özelliklerini düşünün: sosyal medya içeriği de dinamik bir kenarla videolar ve resimler yönünde kayıyor. E-posta dahil tüm iletişim kanallarını etkileyen bir trend.

E-postalara eklenebilecek animasyonlu içerik havuzu dört ana öğe içerir:

• Hareketli GIF'ler
• Videolar
• geri sayımlar
• Dinamik görüntüler

Bugünün gönderisinde, en iyi uygulamalara , kaçınılması gereken hatalara ve bunları e-postalara doğru şekilde entegre etmek ve görselleştirmeyi optimize etmek için yönergelere değinerek bu tür içeriklerin her birine gireceğiz.

Hareketli GIF: pazarlamacının kolundaki as

Nasıl telaffuz edileceğinden emin olmayabilirsin, ama kesinlikle bir “ GIF ” nin ne olduğunu biliyorsun. Bu biçimin, özellikle bunları oluşturmanın ve kullanmanın göreli kolaylığı açısından pek çok avantajı vardır. Aslında, e-posta mesajlarında oluşturdukları hareket sayesinde:

• Dikkat çekerler ve statik bir görüntüden daha etkili bir şekilde göze çarparlar.
• Sonuç olarak, e-posta performansı , özellikle tıklama oranı açısından iyileşir .
• Görsel hikaye anlatımı açısından mükemmel olan, kullanıcı ile duygusal bir bağ oluşturan hikayeler anlatmayı mümkün kılarlar.
• Eğlendirir ve paylaşmayı teşvik ederler
• Şeffaflığı desteklerler (böylece renkli bir arka plan üzerine bindirilebilirler)
• Üst üste binmiş metin içeren görüntüler için idealdirler.

Öte yandan, bazı dezavantajlar da vardır (ancak bunları nasıl gidereceğinizi size söyleyebiliriz):

• Yalnızca 256 renge kadar desteklerler
• Ağırdırlar , yani e-postanın toplam ağırlığını artırabilir ve yükleme sürelerini yavaşlatabilirler.
• Kalite fotoğraflar için uygun değil

Animasyonlu bir GIF nasıl oluşturulur

Bunları e-postalara dahil etmek basit ve sezgisel olsa da, animasyonlu GIF'ler oluşturmak , normal statik görüntülere kıyasla biraz daha fazla çaba gerektirir. Seçenekler şunlardır:

• %100 orijinal animasyonlu GIF'ler oluşturmak için Photoshop'u kullanın. Bu seçenek daha fazla beceri gerektirir, ancak daha iyi sonuçları garanti eder.
• Fotoğrafları ve videoları GIF'e dönüştürmek için me, ezgif.com, makeagif.com, imgur.com, giphy.com veya gifbrewery.com gibi çevrimiçi araçlardan yararlanın (ancak başkaları da vardır).
• com ve makeagif.com gibi zengin hazır GIF galerilerinden yararlanın. Orijinal olmayacak, ancak kullanım kolaylığı konusunda yardımcı olacaktır.

Animasyonlu GIF'ler e-postalara nasıl dahil edilir?

GIF'ler, PNG'lere ve JPEG'lere benzer resim dosyalarıdır, bu nedenle diğer tüm "normal" resimler gibi mesajlara eklenebilirler.

• MailUp'ın sürükle ve bırak düzenleyicisini kullanıyorsanız, GIF'i diğer resimlerle aynı şekilde yükleyebilirsiniz.
• HTML ile çalışıyorsanız ilgili kod dizisini girin.

Müşteriler tarafından destek

Animasyonlu GIF'ler artık hem masaüstü hem de mobil çeşitleri de dahil olmak üzere e-posta istemcilerinin büyük çoğunluğu tarafından görüntüleniyor. Bu sürümler animasyonu engellediğinden ve yalnızca ilk kareyi gösterdiğinden, ana istisnalar Microsoft Outlook 2007, 2010 ve 2013'tür.

Unutma! İstemcilerin teoride animasyonlu GIF'leri desteklemesi, otomatik olarak görüntüleneceklerini garanti etmez. Bireysel kullanıcılar resim indirmelerini engellediyse veya resim dosyası doğrudan indirme için çok ağırsa, başarısız görüntülemelerle karşılaşacaksınız.

Hareketli GIF'ler: Kaçınılması gereken 4 hata

1. Çok ağır olmak
Çok büyükse, animasyonlu GIF'lerin animasyonu yavaş olabilir ve cep telefonlarından çok fazla veri trafiği tüketebilir. GIF'inizi 50 KB'nin altında tutmaya çalışın ve asla 200-250 KB'yi aşmadığınızdan emin olun. Ağırlığı azaltmak için bazı püf noktaları:

• Renk sayısını azaltın (görüntü kalitesinden çok fazla ödün vermemeye dikkat ederek)
• Görüntünün yalnızca hareket gerektiren kısmını canlandırın (örneğin sinemagraf tekniğini kullanarak)
• Çerçeveleri kaldırın: Hareket yanılsaması, yalnızca birkaç iyi seçilmiş çerçeveyle bile kalır.

2. İlk kareyi optimize etmeyi unutmak
Bazı istemciler GIF görüntülemeyi animasyonun ilk karesiyle sınırlandırır. Tüm kullanıcıların göreceği tek çerçeve olabileceğinden yola çıkarak, ilk çerçevenin kapsamlı ve eksiksiz olduğundan ve asla boş olmadığından emin olmanız önerilir. Bu şekilde, mesaj hedefine ulaşmaya devam edecek ve sınırlı görüntüleme durumunda bile tamamen kaybolmayacaktır.

3. Alternatif Metni Ayarlamamak
Burada bitmiyor: animasyonlu GIF'ler, normal görüntülerin görüntülenmesi durumunda olduğu gibi alıcı veya istemci ayarları tarafından tamamen engellenebilir. Bu nedenle, GIF içeriğini görüntülemeyenler için kullanılabilir hale getirmek için alternatif metin dizeleri (Alt Metin olarak adlandırılan) kullanmak önemlidir.

4. Resmi bağlamamak
Animasyonlu GIF'lerin büyük katma değeri, diğer tüm statik görüntüler gibi ve gömülü videolardan farklı olarak bir web sayfasına bağlanabilmeleridir. Animasyona tıklayan kişileri istediğiniz yere götürmek için bir iniş bağlantısı eklemeyi unutmayın.

E-postalardaki video: evet mi hayır mı?

Bu soruyu yanıtlamak için, İçerik Pazarlama Enstitüsü'nün bir makalesine göre, e-postalarına video koyanların %76'sının çok daha yüksek tıklama oranları elde ettiği okyanusun diğer tarafına bakmakta fayda var. Ayrıca, %72'lik bir yüzde olarak ifade edilen, potansiyel müşteriler adına satın alma yapmaya yönelik daha büyük bir eğilim de kaydettiler.

Gerçekte, sorun zaten ortaya çıktı ve hem birçok müşteri için videoyu desteklemenin imkansızlığı hem de geçerli bir alternatifin yokluğu ile karşı karşıya kaldı. Neyse ki artık durum değişti ve derinlemesine araştırmalara göre sonunda videoların e-posta pazarlama kampanyalarında başarıyla kullanılabileceğini söyleyebiliriz.

Bir videoyu gömmekten , yani onu HTML koduna girmekten bahsediyoruz. <video> etiketi, alıcılarımıza gönderilen iletilerin HTML'sine video eklememize ve sonuç olarak, YouTube gibi diğer eklentileri veya hizmetleri kullanmadan doğrudan posta kutularındaki iletide görüntülemelerine olanak tanır.

PROS

• Ortalama olarak, gömülü videolar, basitçe bağlantılı videolardan %40 daha fazla görüntüleniyor.
• Gömülü videolar, doğrudan alıcının posta kutusunda dinamik bir deneyim sağlar.
• Gömülü videolar etkili bir araçtır. Gönderilen her e-posta için yaklaşık %55 ciro oluştururlar (A/B testi, perakende).
• Uygulamaları kolaydır.

EKSİLERİ

• Gömülü videolar tüm posta istemcilerinde görüntülenmez. B2C gönderenler, alıcıların gelen kutularının yaklaşık %60'ına ulaşır ve orada görüntülenebilir. B2B sektöründe ise bu rakam %40 civarında.
• Gömülü videolar bir URL'ye veya resme bağlanamaz.
• Her alıcının izleme sürelerini izlemek mümkün değildir.
• Gömülü video (oynatma, duraklatma vb.) için yapılan tıklamaları izlemek mümkün değildir.

Gömülü video: pratik bir kılavuz

Yeni e-posta ve tarayıcı istemcilerini güncellemeye ek olarak, HTML5'in gelişi, videoları e-postalara eklemeyi, içeriği farklı istemcilerde ve tarayıcılarda görüntülemeyi ve en iyilerini seçmemizi sağladı.

Tarihsel olarak, herhangi bir posta istemcisini desteklemenin imkansızlığı ve dolayısıyla e-postalarda video desteği olmadığı için Adobe Flash kullanımı her zaman önerilmez. Ancak HTML5 daha iyi destek sunar ve videolar Apple Mail ve Outlook (önceden Hotmail olarak biliniyordu) ile doğrudan gelen kutusunda görüntülenebilir. Ancak yeni unsurlar burada bitmiyor. Videoyu izlemenin mümkün olmadığı istemcilerde, klibi tarayıcıda görüntülemek için bir web sayfasına bağlanan alternatif bir resim (HTML'de belirtilen yedek resim) görünür.

Artık HTML5, videoları e-postalara eklemek için bir çözüm sunduğuna göre, nasıl yapılacağını görelim.

1. Video dosyasını şu formatlarda hazırlayın: MP4, OGG ve WEBM.
2. Video hemen görüntülenemezse gösterilecek alternatif bir yedek resim oluşturun.
3. HTML kodunu oluşturmak için Herkes için Video Kodu Oluşturucu gibi bir hizmet kullanın.
4. Kodu, MailUp gibi e-posta sağlayıcınızın HTML düzenleyicisine girin.
5. Alternatif yedek resmi e-postanızın web sürümüne veya isterseniz başka bir sayfaya bağlayın.

Video dosyaları nasıl hazırlanır

YouTube'dan (ve benzerlerinden) kod kopyalayıp yapıştırmak ideal çözüm değildir. Bir e-postaya video eklemek için birkaç ekstra adım gerekir. Bu kod, dosyaların farklı biçimlerde görüntülenmesine izin verdiğinden ve istemci (posta veya tarayıcı) uygun olanı seçebildiğinden, HTML5'in kurtarmaya geldiği yer burasıdır. Örneğin, Firefox ogv'yi tercih eder. video formatı.

Bu video dosyalarını nasıl hazırlıyorsunuz ve ne kadar sürüyor? Neyse ki, Online Convert gibi dönüştürme araçlarını kullanarak videonuzu iki farklı biçime dönüştürebilirsiniz . Çoğu durumda, aşamaların olması muhtemeldir:

1. Orijinal video dosyasını bulun: MP4 olmalıdır (veya MP4 dosyası olarak kaydedilebilir)
2. Video zaten YouTube'a yüklendiyse, hesabınıza giriş yapın ve MP4 sürümünü indirin.
3. *.ogv ve *.webm biçiminde dosyalar oluşturmak için MP4 dosyasını temel olarak kullanın. Videonun bu üç versiyonu HTML kodu için gereklidir
4. Örneğin, JPG uzantısıyla alternatif bir video yedek görüntüsü oluşturun. Testimizde kullanılan görüntü şudur:

5. Dosyaları erişilebilir bir web alanına yükleyin (örneğin, web sitenizdeki bir klasör)

Videolara bir alternatif

Nispeten "güvenli" olsa da, e-postalardaki videolar görüntüleme, yükleme ve deneyimle ilgili olası sorunlara neden olabilir. Bu nedenle birçok marka, gömülü videoları daha güvenli, daha hafif ve çok daha kontrol edilebilir yan etkilere sahip aşağıdaki alternatif seçeneklerden biriyle değiştirmeyi tercih ediyor.

• Hareketli GIF'ler . Bir videonun animasyonunu, içeriğin birkaç karede önizlemesini gösteren animasyonlu bir GIF ile simüle etmek mümkündür. Bağlanabilir oldukları için GIF'ler sizi açılış sayfasındaki tam videoya götürebilir.
• Sahte oyuncu . Artık oynatıcının simgesini gerçek bir videoyla içgüdüsel olarak ilişkilendirmeye o kadar alışkınız ki, simgeyi statik bir görüntünün üzerine bindirilmiş olarak gördüğümüzde aradaki farkı pek algılayamıyoruz. Bir videonun ilk karesini simüle etmek ve onu tıklayanları videonun kendisiyle birlikte açılış sayfasına göndermek için bu numarayı kullanın.

3.2.1, git: geri sayım

Videolardan pazarlamacıların kullanabileceği başka bir animasyonlu içerik biçimine geçelim: geri sayım saatleri , aciliyeti iletebilen, anında eylemi teşvik eden ve klasik statik görüntülerden daha keskin bir şekilde dikkat çeken güçlü bir görsel hikaye anlatımı aracı.

GIF'lerde olduğu gibi, etkilerini azaltmamak için e-postalarda geri sayım sayaçlarını dikkatli kullanmak akıllıca olacaktır. Geri sayımlar birçok amaç için kullanılabilir: bir etkinliğe katılımı teşvik etmekten bir teklifin süresinin dolmasını teşvik etmeye, bağış istemekten daha genel eylem çağrılarına kadar. Bu olasılıkları yeni bir özel blog gönderisinde keşfedebilirsiniz. E-postalarınıza zamanlayıcı eklemek için pratik bir kılavuza ihtiyacınız varsa, nasıl yapılır yazımızı okuyun.

Her alıcı için içerik: dinamik görüntüler

Bu, animasyon ve özelleştirmeyi birleştiren bir öğedir. Bu durumda, dinamik öğe arka planda kalır ve görüntülerin her alıcının verilerine göre dinamik olarak canlandırıldığı girişi temsil eder - tamamen otomatik olarak.

Dinamik görüntüleri e-postalara entegre etmenin temel olarak üç adımı vardır:

Aşama 1
E-postayı BEE düzenleyicide tasarlayın

Adım 2
NiftyImages ile görüntüyü oluşturun ve özelleştirin.

Aşama 3
Özel resmi e-postaya ekleyin

Bu gönderide size her bir operasyonel aşamanın ayrıntılarını vereceğiz. E-postalarınıza özel görseller eklemek, yalnızca metinde (dinamik alanlar sayesinde) değil, aynı zamanda ikonografik araç setinde de alıcınızla kişisel olarak konuşan kampanyalar gönderme imkanı verir.

Sonuç olarak

E-posta tasarımı ve dinamik unsurlar: Bu sinerji, e-posta pazarlamasının dönüşüm potansiyeline yol açan şeydir. Bu tür içerikleri stratejinize uygulayabilmeniz için size artılar, eksiler ve nasıl yapılır konularına genel bir bakışla eşlik ettik. Şimdi tek yapman gereken bunu uygulamaya koymak. Halihazırda bir E-posta ve SMS Pazarlama platformunuz yoksa, MailUp'ın 30 günlük ücretsiz deneme sürümünü talep edebileceğinizi unutmayın.