Video Barındırma için Eksiksiz Web Akışı + Swarmify Kılavuzu

Webflow kullanıyor musunuz? Öyleyse, Swarmify size süper hızlı ve yüksek kaliteli video deneyimleri sunmak için ihtiyacınız olanı sunar.

İyi içerik nedir? Açılış sayfası nedir? Web sitesi nedir?

Web siteleri oluşturmanın, ateş püskürten ejderhaların web geliştiricilerinin koruyucusu olduğu günler geride kaldı.

Günümüzde, sıradaki adamın bir sandviçi bitirmesi için geçen sürede inanılmaz web siteleri oluşturabilirsiniz.

Webflow gibi web sitesi oluşturucular sayesinde, bir anda dikkat çekici web siteleri oluşturmak için kodlama hakkında hiçbir şey bilmenize gerek yok.

Bugünkü gönderi için 30 dakikadan daha kısa bir sürede örnek bir web sitesi oluşturdum ( bir dakika içinde göreceksiniz )! Ve ben sizin profesyonel web geliştiricisi diyeceğiniz kişi değilim. rüyamda bile yok :)

Webflow gibi araçlar, sizin ve benim gibi teknolojiden anlamayan insanları web siteleri oluşturmaktan alıkoyan birçok engeli ortadan kaldırdı.

Şimdi...

Webflow web sitenizde videolar kullanıyorsanız, videoların hızlı ve durmadan yüklenmesini istersiniz.

Kullanıcılarınıza yalnızca en iyi görüntüleme deneyimlerini sunmak istiyorsunuz ve bunun dışında hiçbir şey yok.

Oynatma sırasında ara belleğe alınan yavaş videolar, yalnızca ziyaretçilerinizi rahatsız edecek ve onları tepelere doğru koşarak rakiplerinizin bekleyen kollarına gönderecektir.

Akıllı olduğun için bunu istemiyorsun. Ayrıca, artık Swarmify'ın SmartVideo teknolojisi emrinizde olduğundan.

SmartVideo, kullanıcılarınıza tamamen özelleştirilmiş ve profesyonel video deneyimleri sunmanıza olanak tanır.

Sektördeki ortalama oyunculardan 12 kat daha hızlı videolar sunabilirsiniz. Daha da iyisi, tescilli SmartVideo dağıtım çözümü, kesintileri 8 kat azaltır.

Ve bugünün gönderisinde, daha iyi kullanıcı katılımı ve daha fazla satış için videoları hızlandırmak için Swarmify'ı Webflow ile tam olarak nasıl entegre edeceğinizi gösteriyoruz!

Lafı fazla uzatmadan demir alıp yelken açalım :)

Web akışı nedir?

Peki, Webflow dediğimiz bu hayvan nedir? Deneyimsiz olanlar için Webflow, San Francisco merkezli bir Amerikan şirketidir.

Web sitesi oluşturma ve barındırma için Hizmet Olarak Yazılım (SaaS) platformu sunarlar, hepsi tek bir pakette toplanmıştır.

Webflow size kullanımı çok kolay, şık bir sürükle ve bırak web sitesi oluşturucu sunar. Bunun da ötesinde, size duyarlı web siteleri oluşturmayı abrakadabra kadar kolay hale getiren bir dizi özellik sunarlar.

Web siteniz hazır olduğunda, web barındırma için başka bir yere gitmenize gerek yoktur. Webflow, size büyük ve küçük tüm işletmeler için mükemmel olan birinci sınıf barındırma hizmeti sunar.

Diğerlerinin yanı sıra Zendesk, Dell, Rakuten ve Upwork gibi büyük markalar Webflow'a güveniyor, yani emin ellerdesiniz.

Aramızda kalsın, daha önce hiç bu kadar sezgisel bir web sitesi oluşturucu kullanmadım. Webflow, Weebly, Squarespace ve Wix gibi şirketleri tamamen sudan çıkarır.

Ve kendi Kool-Aid'lerini de içiyorlar. Webflow resmi web sitesi yapıldı, tahmin ettiniz - Webflow!

Web Akışı Temel Özellikleri

Web akışı popülerdir ve en çok aşağıdaki temel özelliklerle tanınır.

• Görsel olarak web siteleri oluşturmanıza olanak tanıyan sezgisel bir sürükle ve bırak web sitesi oluşturucu
• Düşene kadar özelleştirebileceğiniz düzinelerce güzel hazır şablon
• Tonlarca web sitesi öğesi
• E-ticaret işlevi
• Süper hızlı ve sağlam Amazon S3 barındırma
• Sınırsız stil
• Özel HTML, CSS ve JS kodu ekleme yeteneği
• Esnek fiyatlandırma planları
• Güçlü içerik yönetim sistemi (CMS)
• Çok sayıda üçüncü taraf entegrasyonu
• Suları test etmek için ücretsiz plan
• Çok sayıda etkileşim ve animasyon
• Özel alan adını bağla
• Ücretsiz bir web sitesi barındırmak için alt alan adlarını kullanın, örneğin swarmify.webflow.io
• Profesyonel destek

Kullanımı kolay ancak güçlü bir web sitesi oluşturucu arayan bir ön uç web geliştiricisiyseniz (veya yalnızca normal joe), Webflow şiddetle tavsiye edilir.

Zamandan tasarruf etmek ve zaten yoğun olan iş gününüzü kolaylaştırmak için mükemmel bir araçtır. Mevcut bir Webflow kullanıcısıysanız, Webflow'un mükemmel bir web sitesi oluşturucu olduğunu zaten biliyorsunuzdur.

Yine de, videoları optimize etmek için size doğru araçları sunmuyorlar. YouTube kullanıyorsanız, Webflow web sitenizdeki video oynatıcı, rahatsız edici YouTube markaları ve kullanıcılarınızın dikkatini dağıtan ve trafiğinizi çalan bağlantılar göstermeye devam eder.

Webflow hızlı barındırma kullanırken, YouTube'dan veya başka herhangi bir kaynaktan kullandığınız videolar ara belleğe alınır ve yüklenmesi zaman alır.

İşte burada Swarmify devreye giriyor. Videolarınızı barındırmak için YouTube, Vimeo veya başka bir site kullanıyor olsanız da Webflow web sitenizdeki videoları optimize etmek için tam olarak ihtiyacınız olanı sunuyoruz.

Swarmify nedir?

Swarmify, 2013 yılında bir video hızlandırma platformu olarak piyasaya sürüldü. Hizmet, Netflix ve Hulu gibi akış devlerinin kullandığı altyapı üzerinde çalışır.

Videolarınızı istediğiniz yerde depolayabilir ve videoları kullanıcılarınıza inanılmaz yüksek hızlarda sunmak için Swarmify'ın SmartVideo'sunu kullanabilirsiniz.

İşte ne demek istediğimi göstermek için örnek bir senaryo:

• Sosyal faydalar için YouTube'a veya Vimeo'ya video yükleyin ve her zaman olduğu gibi web sitenize yerleştirin
• WordPress eklentimizi veya hızlı snippet'imizi kullanarak SmartVideo'yu web sitenize entegre edin
• SmartVideo, YouTube/Vimeo videolarınızı sahne arkasından indirir ve küresel dağıtım ağımıza yükler
• SmartVideo, artık daha hızlı olan videolarınızı, harika görünen, karmaşık olmayan bir video oynatıcıda sunar
• Her şey arka planda otomatik olarak gerçekleşir. Aslında SmartVideo, web sitenizdeki tüm YouTube videolarını otomatik olarak dönüştürür. Bir kez yükleyin ve bu kadar!

SmartVideo, oynatma sırasında duraklamayı önlemek için şirket içi EdgeAI ve ziyaretçilerinizin dünyanın her yerinde hızlı ve arabelleksiz videoların keyfini çıkarmasını sağlayan bir SmartCDN çözümü kullanır.

Çok sayıda video kullanıyorsanız, düşük hızlar etkileşimi azaltabilir ve daha az satış yapmanıza neden olabilir. SmartVideo, büyük faturalar ve depolama/bant genişliği sınırları olmadan bu sorunu aşmanıza yardımcı olur.

Swarmify Temel Özellikleri

Swarmify kullanıcıları, aşağıdaki özellikler sayesinde SmartVideo'yu sever.

• Temiz, dağınık ve dikkat dağıtıcı olmayan video oynatıcı
• Anında başlatma - SmartVideo videoları diğer oynatıcılardan ortalama 12 kat daha hızlı oynatılmaya başlar (buradaki demomuza bakın)
• Birden fazla cihazda optimize edilmiş görüntüleme deneyimi
• Otomatik YouTube/Vimeo dönüşümleri - Zaten videoları YouTube veya Vimeo'da mı barındırıyorsunuz? SmartVideo bunları otomatik olarak dönüştürür
• Sürekli akış optimizasyonu - Oynatma boyunca SmartVideo, her bir kullanıcının video deneyimini sürekli olarak izler ve arızaları oluşmadan önce önler.
• Durmadan oynatma - SmartVideo, oynatma sırasında ortalama olarak diğer oynatıcılara göre 8 kat daha az ara belleğe alma sunar.
• Sınırsız her şey - Sınırsız bant genişliği ve depolamanın keyfini çıkarın
• Tutkulu geliştiricilerden oluşan bir ekip tarafından desteklenen profesyonel destek
• Kolay kurulum ve uygulama
• Özelliklerimiz hakkında daha fazla bilgiyi buradan okuyun

Video, dijital pazarlamanın kritik bir parçasıdır. Videoyu bir pazarlama stratejisi olarak kullanmanın inanılmaz faydalarını görmezden gelemezsiniz.

Bununla birlikte, video yükleme hızınız, web sitenizde daha iyi bir kullanıcı deneyimi sağlamanın bir parçasıdır.

Webflow web sitenizde hızlı ve gecikmesiz video deneyimleri sunmak için SmartVideo gibi bir çözüme ihtiyacınız var.

Hızlı videolarla daha iyi kullanıcı tutma, daha fazla dönüşüm, daha düşük hemen çıkma oranları ve daha fazla satışın keyfini çıkarırsınız. Akıl almaz bir şey.

Ayrıca, yüklenmesi sonsuzluk ve güneşin etrafında bir yolculuk süren bir videoyu kim izlemek ister?

Kesinlikle kimse! Sen bile değil.

Bu arada, videolarınızı hızlandırmak ve değerli müşterilerinizin yüzünü güldürmek için Swarmify'ı Webflow web sitenize entegre etmemize izin verin.

N/B: Swarmify'ı Webflow ile entegre etmek için aktif bir Swarmify hesabına ve Webflow'ta ücretli bir plana ihtiyacınız vardır.

Hala çitin üzerinde mi? Olma . Swarmify'a bugün kaydolun ve özel %50 indirimimizden yararlanın. Meraklı? Burada daha fazlasını öğrenin.

Bununla birlikte, Swarmify'ın video barındırma hizmetini Webflow web sitenize entegre etmemize izin verin.

Webflow'a Swarmify Nasıl Eklenir

'Webflow'a geçmeden önce, önce SmartVideo snippet'inizi yapılandıralım. Devam edin, Swarmify kontrol panelinize giriş yapın ve aşağıda gösterildiği gibi Yapılandırma'ya tıklayın.

Ardından, Web akışınızda YouTube videolarının olup olmadığını seçin:

Yukarıda Evet'i seçmek, SmartVideo'nun Webflow web sitenizdeki tüm YouTube videolarını otomatik olarak dönüştürmesini sağlar. İleri düğmesine basın.

Bir sonraki ekranda, Webflow sitenizin arka plan videoları olup olmadığını seçin:

Video oynatıcınızın renklerini Webflow sitenize uyacak şekilde değiştirmek mi istiyorsunuz? Bunu bir sonraki ekranda yapabilirsiniz:

İleri'ye basın.

Ardından, isterseniz oynat düğmesinin şeklini değiştirebilirsiniz. Varsayılan altıgen düğmeyi tercih ediyorum, ancak dikdörtgen veya daire seçme seçeneğiniz var:

Ardından, videolarınız için özel bir filigran seçin:

Bu konuda iyisin, itiraf etmeliyim :)

İleri'ye basın.

Sonraki ekranda, videolarınızda reklam satmak isteyip istemediğinizi seçin ve Bitir'i tıklayın:

Son olarak, aşağıda gösterildiği gibi Panoya Kopyala'yı tıklayın.

Artık SmartVideo snippet'iniz Webflow web siteniz için hazır.

Sıradaki ne?

Şimdi Swarmify'ı Webflow web sitenize ekleyeceğiz.

İşte söz verdiğim gibi çalıştığım örnek web sitesi:

Ünlü Jerusalema videosunu Openmic Productions'tan ödünç aldım. Bu arada şarkı ve video harika. Dünyanın her yerinde insanlar Jerusalema dansı yarışması yapıyor.

Dans edebilmeyi ne kadar isterdim.

Devam edelim, Webflow web sitenize Swarmify'ı ekleyelim.

Webflow'ta oturum açın:

Ayrıntıları girin ve Giriş Yap düğmesine basın:

Ardından, SmartVideo'yu eklemek istediğiniz web sitesine tıklayın:

Şimdi, daha önce bahsettiğimiz sezgisel web sitesi oluşturucunun içindesiniz:

Ancak SmartVideo snippet'ini tek bir sayfaya eklemeyeceğiz. Snippet'in tüm web sitesine uygulanmasını istiyoruz.

Peki ne yapacağım Freddy?

Webflow (W) simgesine tıklayın (fareyle üzerine geldiğinizde bir hamburger menüsüne dönüşür):

Ardından, Proje Ayarları'na tıklayın:

Bundan sonra, Özel Kod'a basın :

Evet.

Ardından, daha önce kopyaladığınız SmartVideo snippet'ini Head Code bölümüne yapıştırın ve aşağıdaki gibi Değişiklikleri Kaydet'i tıklayın :

Bu snippet ile Web akışınız Swarmify ile bağlanır. Sitenizdeki tüm YouTube videoları otomatik olarak dönüştürülecektir :)

Tamamlandı.

Sonuç?

Bu:

Üçüncü taraf markası olmayan yeni video oynatıcıya dikkat edin.

Unutmayın : YouTube kullanıyorsanız, doğrudan bağlantı yerine yerleştirmeyi kullanın, yani https://www.youtube.com/embed/fCZVL_8D048 yerine https://www.youtube.com/watch?v=fCZVL_8D048 .

Profesyonel İpucu : Lütfen gömme bağlantısını kullanın. Webflow web sitenize video eklerken yerleştirme bağlantısını kullandığınızdan emin olun.

Videoları başka bir yerde mi barındırıyorsunuz?

SmartVideo arkanızda

En iyi 9 en iyi video yükleme sitesine ve bulut depolama hizmetine bakın .

İşte paylaşılabilir bir bağlantı : https://swarmify.com/blog/top-video-upload-sites-cloud-storage-services/.

SmartVideo Etiketleri Ekleme

Bir SmartVideo etiketi kullanarak Webflow web sitenizin herhangi bir yerine bir SmartVideo videosu ekleyebilirsiniz:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Düzenlemek istediğiniz Web akışı sayfasını açın. Örneğimiz için, Kahraman bölümünü daha önce kullandığımız aynı Jerusalema videosuyla değiştireceğim. Ancak bu sefer bunun yerine yukarıdaki SmartVideo etiketini kullanacağım.

Hazır SmartVideo etiketim şu şekilde görünüyor:

 <smartvideo src="https://www.youtube.com/embed/fCZVL_8D048" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Dikkat edin path/to/my/video.mp4 dosyasını videonun gömme bağlantısıyla değiştiriyorum.

Ardından, Ekle'yi (+) tıklayın ve aşağıda gösterildiği gibi Göm'ü seçin:

Ardından, SmartVideo etiketinizi yapıştırın ve Kaydet ve Kapat 'ı tıklayın:

Şimdi, örnek web sitemi ön uçta kontrol ettiğimde dönüştürülmüş videoyu görüyorum:

A, B, C kadar kolay.

Hoşçakal de?

Web akışı kullanıcıları SmartVideo'yu çok faydalı bulacaktır. SmartVideo, daha iyi bir kullanıcı deneyimi için videolarınızı hızlandırır.

Swarmify SmartVideo, sektör ortalamasından 12 kat daha hızlı videolar sunar. Daha hızlı videolar ile dönüşümlerinizi ve satışlarınızı artıracaksınız.

Bir dahaki sefere kadar Swarmify'ın SmartVideo'su ile daha fazla video oluşturun ve hızlandırın :)