E-postaya HTML5 Video Nasıl Yerleştirilir

HTML5, internette içerik sunmak ve yapılandırmak için kullanılan en yeni biçimlendirme dilidir. HTML, Hyper Text Markup Language (Köprü Metni Biçimlendirme Dili) anlamına gelir. Web belgeleri oluşturmak için kullanılan standart dildir. Kullanıcı ihtiyaçları geliştikçe HTML de güncellenmektedir. Örneğin, HTML5 son HTML güncellemesidir. Videoların web belgelerinde kodlanmasına olanak tanır. HTML5 özellikle şunları sunar: İnternette videoların oynatılmasını sağlayan bir öğe, unsur.

HTML5'in sunduğu video özelliği, video içeriğinin pazarlama, reklamcılık ve marka oluşturmanın önemli bir parçası olması nedeniyle önemlidir. Bu, YouTube ve TikTok gibi video platformlarının muazzam bir başarı elde etmeye devam ettiğini göstermektedir. Günümüzde tüm sosyal medya platformları zaten video özelliğine sahiptir.

Bununla birlikte, e-postanın video desteği de sunması akıllıca olacaktır. E-posta pazarlamacıları da video pazarlamanın avantajlarından yararlanabilmelidir. Ancak, bazı e-posta istemcileri HTML5'i desteklerken bazıları desteklemez. Bu durum, e-postalara video entegre etmeyi zorlaştırsa da, bunu başarabileceğiniz bazı yollar vardır. E-postaya HTML5 video yerleştirmeyi ve diğer alternatifleri öğrenin.

E-postada Videonun Faydaları Nelerdir?

Video içeriği, artan etkileşim için giderek daha önemli hale geliyor e-posta pazarlama kampanyalarının etkinliğiWyzowl anketi şunu gösterdi: Pazarlamacıların% 92 Videoyu çabalarının önemli bir parçası olarak görüyorlar. Bunun nedeni basit: Pazarlamacılar, videoyu e-posta pazarlamasına entegre ederek video ve e-posta pazarlamasının avantajlarından aynı anda yararlanabiliyorlar.

Pazarlamacıların e-postada video kullanmanın sağladığı bazı faydalar şunlardır:

• Artan müşteri etkileşimi: Bir e-posta gönderdiğinizde, okuyucu metni tarayıp önemli noktaları seçmeye çalışabilir. Ancak bir video onları durdurur. İzlemeye daha fazla zaman ayırma olasılıkları daha yüksektir.

Diyelim ki bir ürünün kullanımını açıklamak için bir kampanyanız var. Hizmet açıklaması genellikle uzun ve öğretici oluyor. Ancak aynı bilgiler bir videoya eklendiğinde, daha ilgi çekici hale geliyor. Okuyucu yazılı metni hızlıca gözden geçirebilir, ancak videonun tamamını izleyecektir. Dolayısıyla video, abonenin e-postanızla etkileşim kurma süresini artırır.

• Yüksek marka bilinirliği: Videolar marka bilinirliğinizi artırır. Bu, hemen çıkma oranlarını azaltır ve tıklama oranlarının yanı sıra dönüşüm oranlarını da artırır. E-postalardaki videolar, markaların ne demek istediklerini kolayca açıklayıp gösterebilmeleri sayesinde bunu başarabilir.

Örneğin, markalar ürünlerinizi nasıl kullanabileceklerini gösterebilir. Kullanıcılara, gerektiğinde ürünü nasıl monte edeceklerini, onaracaklarını ve sökeceklerini gösterebilirsiniz.

• Marka güveni oluşturma: Sadece metinden oluşan bir e-posta yazarken, markanın tonunu metne yansıtmayı deneyebilirsiniz, ancak bu videonun yapabilecekleriyle uyuşmaz. Videoda, alıcılar alışveriş yaptıkları markaların arkasındaki yüzleri ve kişilikleri görürler. Bu da müşterilerinizle daha da kişisel bir ilişki kurmanızı sağlar.

Etkili bir kampanya, çalışanları iş başında veya çalışanlar üzerinde gösterebilir. geri bildirimlerini vererek İş deneyimleri hakkında. Bu tasvirler, müşteriyi daha çok cezbeder ve markanızla duygusal bir bağ kurmasını sağlar. Markayı tanıyor ve onunla bağ kuruyormuş gibi hissederler. Dolayısıyla, bir dereceye kadar markaya karşı bir sahiplik duygusu hissederler.

Bu duygusal bağ ve sahiplenme duygusu, müşteri sadakatini ve marka savunuculuğunu artırır. Müşteriler bir markaya daha derin bir bağlılık hissettiklerinde, sadık kalma, tekrar satın alma ve hatta markayı başkalarına tavsiye etme olasılıkları daha yüksektir. Bu nedenle, kampanyanızda çalışanlarınızın portresini genişletmek markanıza fayda sağlayabilir.

1. Güven ve özgünlük: Çalışanlarınızı iş başında ve samimi geri bildirimleriyle sergileyerek, şeffaflık ve özgünlük duygusunu yansıtabilirsiniz. Müşteriler, işlerine tutkuyla bağlı gerçek insanları görmekten hoşlanır, çünkü bu, markanız için güven ve itibar yaratır. Bu güven, müşterilerle uzun vadeli ilişkiler kurmak için hayati önem taşır.
2. Markayı insanileştirmek: Kampanyanızda çalışanlarınızı öne çıkarmak, markanızı insanileştirir. Markanıza bir yüz kazandırır ve müşterilerin ürün veya hizmetlerin arkasındaki insanları görmelerini sağlar. Bu insani unsur, müşterilerin markanızla kişisel bir bağ kurmasına ve daha güçlü bir duygusal bağ kurmasına yardımcı olur.
3. Çalışan savunuculuğu: Çalışanlar kampanyaya katılıp iş deneyimlerini paylaştıklarında, kendileri de marka savunucusu olurlar. Coşkuları ve olumlu geri bildirimleri, müşterilere ilham verebilir ve çalışanlar arasında gurur ve sadakat duygusu yaratabilir. Bu, çalışan bağlılığını ve motivasyonunu artırabilir ve bu da nihayetinde daha iyi müşteri deneyimlerine dönüşebilir.
4. Hikaye anlatımı fırsatları: Çalışanlarınızın hikayelerini ve deneyimlerini kampanyanıza dahil etmek, zengin hikaye anlatımı fırsatları sunar. Yolculukları, karşılaştıkları zorluklar ve başarıları hakkında anekdotlar paylaşmak, hedef kitlenizi etkileyebilir ve markanız etrafında bir hikaye yaratabilir. Bu hikaye, müşterilerin marka değerlerinizi ve misyonunuzu anlamalarına yardımcı olarak duygusal bağlarını daha da güçlendirir.
5. Marka hatırlanabilirliğini artırın: Müşteriler kampanyanızda yer alan çalışanları gördüklerinde, akılda kalıcı bir izlenim yaratırlar. İnsanlar, genel reklamlardan ziyade hikayeleri ve yüzleri daha çok hatırlarlar. Markanızı, onu temsil eden kişilerle ilişkilendirerek, müşterilerin satın alma kararları verirken markanızı hatırlama olasılığını artırırsınız.
6. Sosyal kanıt: Çalışanların geri bildirimlerini ve deneyimlerini dahil etmek bir tür sosyal kanıttır. Potansiyel müşteriler, mevcut çalışanların markanız hakkında olumlu konuştuğunu gördüklerinde, ürünlerinize veya hizmetlerinize güvenme ve onları tercih etme olasılıkları daha yüksektir. Bu, güvenilirliği artırır ve markanızın etkileşime değer olduğu fikrini güçlendirir.

Kampanyanızda çalışanlarınızın portresini çizerken etkiyi en üst düzeye çıkarmak için farklı bakış açılarını dahil etmeyi ve çeşitli kurumsal rolleri sergilemeyi düşünün. Bu kapsayıcılık, daha geniş bir kitleye hitap edebilir ve çeşitlilik ve eşitliğe olan bağlılığınızı gösterebilir. Çalışanlarınızın portresini marka değerlerinizle uyumlu hale getirmeyi ve deneyimlerinin şirketinizle çalışmanın olumlu yönlerini yansıttığından emin olmayı unutmayın.

Kampanyanızda çalışanlarınızın tasvirini genişleterek, salt reklamcılığın ötesine geçen duygusal bir bağ kurarsınız. Bu bağ, müşteriler arasında sadakat, savunuculuk ve sahiplenme duygusunu besleyerek markanızın itibarına ve uzun vadeli başarısına fayda sağlar. Ancak pazarlamacıların e-postada videonun avantajlarından yararlanabilmeleri için, öncelikle bunları e-postaya nasıl yerleştireceklerini bilmeleri gerekir. Daha önce de belirttiğim gibi, bazı e-posta istemcileri belirli formatları desteklemez. Ancak bunun bir yolu var.

E-postada Desteklenen Video Formatları

Öncelikle e-postalarda hangi video formatlarının desteklendiğini bilmeniz gerekir. Video formatınız desteklenmiyorsa, e-posta stratejiniz ters tepebilir. Aboneler videoyu oynatamadığında, müşteri deneyimi bozulur. Bununla birlikte, farklı e-posta istemcilerinin desteklediği video formatları şunlardır.

Mesele şu ki, bir videoyu farklı formatlara dönüştürüp bunları e-posta istemcilerine göre eklemek sıkıcı olabilir. Bu nedenle, e-postalarınıza HTML5 video yerleştirmeyi tercih etmelisiniz. Bir e-postaya HTML5 video yerleştirdiğinizde, cihazlar, tarayıcılar ve platformlar arası uyumluluğu basitleştirirsiniz. Ayrıca paylaşım ve özelleştirmeyi de etkinleştirirsiniz. Bunu SEO için iyi bir web barındırma hizmetiyle tamamlarsanız, e-posta aboneleriniz için en iyi kullanıcı deneyimini sağlayabilirsiniz.

Aşağıda HTML5 videolarının nerede çalıştığını ve yedek görselin nerede gösterildiğini gösteren bir liste bulunmaktadır.

Gmail gibi e-posta istemcileri HTML5 videoyu desteklemese de, çoğu e-posta kullanıcısı tarafından hala kullanılmaktadır. Bu nedenle, yedek bir görselin nasıl yerleştirileceğini bulmak çok önemlidir.

E-postada HTML5 Videoya Genel Bakış

Peki, perakende, B2C ve SaaS pazarlama kanallarınızın vazgeçilmezlerinden biri olan e-postanıza neden bir HTML5 videosu yerleştiresiniz ki? Bunu ek olarak ekleyebilir veya bağlantı verebilirsiniz.

Öncelikle, bir e-postaya ekleyebileceğiniz videonun boyutu sınırlıdır. Bazı videolar yoğun grafikler içerir ve uzundur. E-posta istemcileri genellikle bu tür videoları desteklemez. Bu sınır sizi kısıtlar ve hatta videonuzu kalitesini kaybedene kadar sıkıştırmanızı gerektirebilir. Bu, e-posta alıcılarınızın hoşuna gitmeyecek bir durumdur.

İkincisi, video bağlantı metni kullanılarak köprülendiğinde, okuyucu tıklama dürtüsü hissetmez ve videoyu izlemek için başka bir siteye yönlendirilmez. Bağlantı metnini okur ve bağlantıya tıklamaz. Hatta bazıları metni okuduktan sonra videoyu izlemeyi erteleyebilir. Dikkatleri dağılabilir ve videoyu bir daha asla izlemeyebilirler.

HTML5 video yerleştirmek harika bir yöntemdir çünkü e-posta alıcısının izlemesini kolaylaştırır. Okuyucunun herhangi bir şeye tıklaması gerekmez. E-posta açık olduğu sürece video oynatılır. Eğer ilgi çekiciyse, abonenin videoyu sonuna kadar izleme olasılığı daha yüksektir. E-postalarınıza HTML5 videolar yerleştirmek için StackOverflow'u kullanabilirsiniz. Ancak size bir fikir vermesi için, işte yapmanız gerekenler:

E-postaya HTML5 Video Nasıl Yerleştirilir

HTML5 kullanarak video yerleştirmek farklı şekillerde yapılabilir. Bu yöntemleri kullanarak yedek resmi ve resim parametrelerini ayarlayabilirsiniz.

Nesne Öğesini Kullanma

The öğesi, e-postanıza video yerleştirmenin yollarından biridir. HTML belgelerine farklı türde medya yerleştirmek için kullanılır. element ActiveX denetimlerini gömer.

ActiveX denetimleri, internet kullanıcı deneyimini iyileştirmek için internet üzerinden kullanılan küçük programlardır. Nesne öğesini etkinleştirirken, Dünya Çapında Ağ (World Wide Web) üzerinden ActiveX yerleştirme teknolojilerini de etkinleştirirsiniz. Aşağıdakiler, HTML5 belgenize yerleştirmeyi planladığınız medya özellikleridir. Bunlar resim, ses, PDF dosyaları, Flash animasyonları ve bu durumda video dosyaları olabilir.

Bu kodu kullanarak bir videoyu yerleştirebilirsiniz

<object data="video.mp4"></object>

Ancak, her zaman çok fazla desteklenmez. Etkinliği, gömülen nesneye bağlıdır.

Video Öğesini Kullanma

HTML5 element yakın zamanda piyasaya sürüldü. E-posta da dahil olmak üzere video dosyalarını internete yerleştirmenin daha standart bir yoludur. Ayrıca modern web tarayıcıları tarafından çok daha fazla desteklenmektedir.

Videonuzu yerleştirmek için aşağıdaki kodu kullanabilirsiniz unsur.

<!--[if !mso]--><!-->
<a href="Link to the video" target="_blank" style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;">
    <img src="GIF URL" border="0" alt=" " style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;" />
</a>
<!--<![endif]-->

<video autoplay="autoplay" loop="loop" clipID="em_4566" poster="GIF POSTER" controls="controls" src="VIDEO_MP4" style="mso-hide:all;display:block;width:100%;height:auto;max-height:none;"></video>

<!--[if !mso]--><!-->
<a href="Link to the video" target="_blank" style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;">
    <img src="GIF URL" border="0" alt=" " style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;" />
</a>
<!--<![endif]-->

<div class="vid_em_4566" style="mso-hide:all;width:0px;max-height:0px;height:0px;overflow:hidden;text-align:center;">
    <video autoplay="autoplay" loop="loop" clipID="em_4566" poster="GIF POSTER" controls="controls" src="VIDEO_MP4" style="mso-hide:all;display:block;width:100%;height:auto;max-height:none;"></video>

    <!--[if !mso]--><!-->
    <a href="Link to the video" target="_blank" style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;">
        <img src="GIF URL" border="0" alt=" " style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;" />
    </a>
    <!--<![endif]-->
</div>

Kaynak

Kod dört bölümden oluşur. Kodun ilk bölümü, e-postadaki medya parametrelerini (video veya yedek) ayarlar. İkinci bölüm, e-posta istemcilerinin görüntüleme için çağıracağı bir resim bağlantısı belirler. Üçüncü bölüm, e-posta istemcileri bu formatı desteklemediğinde, sorunsuz kullanıcı deneyimini korumak için medyayı gizler. Dördüncü bölüm ise, e-posta açıldığında videoyu otomatik olarak oynatılacak şekilde ayarlar.

E-postada HTML5 Videoya Alternatifler

E-postada video için en iyi senaryo HTML5 kullanarak yerleştirmek olsa bile, dediğim gibi HTML5 kullanımı tüm e-posta istemcileri ve tarayıcılarında çalışmaz. Bu durum, kampanyalarında video pazarlama kullanmak isteyen pazarlamacıları zorlar. Tüm değişkenleri hesaba katmak ve yedek bir görsel oluşturmak için karmaşık bir kodlamaya ihtiyaç duyarlar. Ancak e-postanıza gerçek bir video yerleştirmek için kullanabileceğiniz başka alternatifler de var. Bu alternatifler, video oynatıcısına veya video barındırma platformuna ulaşmak için bir tıklama daha ekler. E-posta okuyucusunun dikkatini çeker ve videoyu eklemekten veya köprü metni eklemekten daha etkilidir. İşte bir özet:

Resme Sahte Oynatma Düğmesi Ekle

"Sahte" kelimesinden korkmayın. Sahte butonunun amacı aldatmak değil, e-postada bir video olduğunu göstermektir.

Bir düşünün. Okuyucular oynatma düğmesini göremezse, gördüğünüz şeyin sadece bir resim olduğunu düşünebilirler. E-posta tıklama oranınızı şansa bırakamazsınız.

Kaynak

Yukarıdaki örneğe göz atın. Oynat düğmesi, okuyucuların dikkatini çekerek oynatmaya teşvik eder. Oynat düğmesine bastıklarında, görsel videoyla bağlantılı olduğu için otomatik olarak videoya yönlendirilirler. Bu video YouTube, Vimeo veya web sitenizde barındırılabilir. Sahte oynatma düğmeli görseli oluşturmak için, bir oynatıcıda videonun ekran görüntüsünü alabilir veya bir grafik tasarımcıdan oynatma düğmesini içeren bir video küçük resmi oluşturabilirsiniz.

Sahte oynatma düğmesini kullanırken, abonenin görüntüye tıkladığında videonun barındırma platformunda oynatılmaya başlayacağından emin olmalısınız. Tüketicinin oynat düğmesine basıp başka bir siteye gitmesi, videoyu bulması ve tekrar oynatması mantıklı olmayacaktır. Kullanıcı, izlemeden ayrılabilir.

GIF'leri kullanın

Siz de bir adım öteye geçebilirsiniz. Oynatma düğmeli statik bir görsel yerine, daha dikkat çekici bir GIF kullanın. GIF videosu, videonun kısa bir tanıtımını sunarak okuyucunun üzerine tıklamasını sağlar.

GIF kullanmanın avantajı, birçok e-posta sağlayıcısı ve tarayıcının bunları yaygın olarak desteklemesidir. Dolayısıyla, e-postalardaki HTML5 gömülü videolar ile statik görsellerin arasında bir köprü oluştururlar. GIF, e-posta açıldıktan hemen sonra oynatılır. İşte bir e-postadaki GIF örneği:

Kaynak

Giphy.com veya EZGif gibi çeşitli çevrimiçi araçları kullanarak GIF oluşturabilirsiniz. Ayrıca, GIF'in tüm potansiyelinden yararlanmak için GIF'in üzerine bir oynatma düğmesi ekleyebilirsiniz.

Ancak bu, GIF'lerin avantajlarından yalnızca biri. GIF'i yerleştirirken herhangi bir HTML kodlamasına da ihtiyacınız yok. Bu, kodlayıcı olmayan pazarlamacılar için büyük bir rahatlama. Sonuçta, bir pazarlamacı olarak, kodlama öğrenmenin stresine girmeden video e-posta gönderme özelliklerinden yararlanabilirsiniz.

Bununla birlikte, e-postanıza eklediğiniz GIF'lerin boyutuna dikkat etmelisiniz. Ağır GIF'lerin yüklenmesi zaman alabilir ve bu da verimsizliğe yol açabilir. Ayrıca abonenizin internet paketini de tüketebilirler. Bu nedenle, GIF'lerin mümkün olduğunca 1 MB'a yakın, yeterli boyutta olduğundan emin olun.

Animasyonlu Oynatma Düğmesini Kaldıraç Olarak Kullanın

Animasyonlu oynatma düğmesi, sahte oynatma düğmesinden bir adım öndedir. Animasyonlu oynatma düğmesi birçok yaratıcı şekilde yapılabilir. Yavaş yavaş belirip kaybolabilir, ekranda hareket ettirebilir ve gösterişli hale getirebilirsiniz. Tercihiniz ne olursa olsun, okuyucularınızı rahatsız etmeyecek kadar sade tutun. Aşağıda basit bir animasyonlu oynatma düğmesi örneği gösterilmektedir.

Kaynak

Animasyonlu oynatma düğmesini bağımsız olarak kullanabilir veya üzerine statik bir resim ya da küçük resim ekleyebilirsiniz. Yalnızca animasyonlu oynatma düğmesini kullanmayı seçerseniz, abonelerin izlemek için tıkladıkları videoyu e-postanızda açıkladığınızdan emin olun. Bir oynatma düğmesi yerleştirerek, tüketici bir video olduğunu bilecektir. Ancak, videonun ne hakkında olduğunu bilmiyorlarsa, düğmeyi tamamen göz ardı edebilirler.

Animasyonlu oynatma düğmesini küçük resimle eşleştirmek daha iyi bir seçenektir. Küçük resim, abonenin izlemek üzere olduğu videoya dair bir bağlam sunar. Ancak, iki öğeyi birleştiren görsellerin ilgi çekici olduğundan emin olmalısınız. Karmaşık görünmemelidirler, çünkü aksi takdirde okuyucuyu rahatsız edebilirler. Animasyonlu oynatma düğmesi ve bir GIF'i birleştirmek de mümkündür. Okuyucular, iki hareketli görsel tarafından cezbedilmekten çok kafaları karışacaktır.

Bir videoyu doğru şekilde yerleştirmeniz gerekir, ancak bir pazarlamacı olarak tek yapmanız gereken bu olmamalı. Unutmayın, göreviniz aynı zamanda okuyucuların videoya olan ilgisini uyandırmaktır. Sonuçta nihai hedefiniz, okuyucularınızın tıklayıp izlemesini sağlamaktır. Bu nedenle, sadece videonuzun oynatılmasını sağlamakla kalmayın. Tıklamayı kazanmak için de elinizden gelen her şeyi yapmalısınız. Aksi takdirde, tüm video pazarlama kampanyanız suya düşer.

Kapanış ise

Bir e-posta pazarlama kampanyası yürütürken, kampanyayı daha etkili hale getirmek için mevcut tüm ipuçlarını ve püf noktalarını denemelisiniz. Video e-posta pazarlama kampanyası, kampanyanızın etkinliğini artırmanın bir yoludur. Ancak, bir e-postaya video yerleştirmek kolay değildir.

En iyi senaryo, okuyucuyu yeni bir web sitesine yönlendirmeden e-postaya bir video yerleştirebilmenizdir. Ne yazık ki, farklı e-posta istemcileri farklı video formatlarını destekler. Ayrıca, tüm e-posta istemcileri HTML5 videolarını desteklemez.

HTML5 kullanarak, bazı e-posta istemcilerinde sorunsuz bir şekilde görüntülenebilen videoyu yerleştirebilirsiniz; ancak video oynatılmadığında görüntülenecek bir yedek görsel de ayarlayabilirsiniz. Bu, okuyucunun bozuk bir görüntü veya siyah ekran görmesini engeller.

Ancak, HTML5 kullanmadan videonuzu e-posta mesajınıza entegre etmenin başka yolları da var. Sahte bir oynatma düğmesi, oynatma düğmeli animasyonlu bir GIF veya animasyonlu oynatma düğmesi kullanabilirsiniz. Tüm bunlar, sizin ve aboneniz için en uygun noktayı bulmanızı sağlar.