Facebook Videosunu WordPress Yazılarına ve Sayfalarına Nasıl Gömülür

Facebook videolarının her gün 8 milyardan fazla görüntüleme ürettiğini biliyor muydunuz? Ve bu 8 milyar, bir yıl önceki sayının iki katı mı? Bu büyük başarının bir kısmı otomatik oynatılan videolara ve olumlu görüntüleme sayma metodolojisine atfedilebilirken, gerçek şu ki Facebook videosu artık video tüketimi için önemli bir oyuncu.

Bu gönderi tamamen Facebook videosunu WordPress gönderilerinize ve sayfalarınıza yerleştirerek kullanmakla ilgilidir. Normal WordPress Düzenleyici ve/veya Divi aracılığıyla Facebook videolarını nasıl kolayca gömebileceğinizi göstereceğim. Ardından, videolarınız için bazı temel görüntüleme ayrıntılarını nasıl değiştirebileceğiniz ve onları otomatik oynatma konusunda nasıl bilgi vereceğim. Ve son olarak, özetlediğim ilk yöntemle ellerinizi kirletmek istemiyorsanız, videoları bir iframe aracılığıyla gömmenin en kolay yöntemini de göstereceğim.

Facebook Videolarını Gömmenin Faydaları

YouTube, öngörülebilir gelecekte video kralı olmaya devam edecek olsa da, Facebook videolarını yerleştirmenin bazı avantajlarını görüyorum. Örneğin, şunları yapabilirsiniz…

• Canlı Yayının Avantajlarından Yararlanın – Facebook'un yakın zamanda kullanıma sunduğu popüler yeni canlı yayın özelliğini görmüş olabilirsiniz. Bu yöntemi izleyerek videoları yerleştirdiğinizde, Facebook'tan canlı akışı doğrudan WordPress sitenize de yerleştirebileceksiniz.
• Facebook Sayfanızı Çapraz Tanıtın – Facebook videolarını gömmek, Facebook sayfanızı web sitenizde tanıtmak için başka bir yöntem sağlar. Zaten "beğen" düğmeleri veya sayfanıza bir bağlantı eklemiş olsanız bile, videoları doğrudan Facebook'tan gömmek başka bir bağlantı sağlar. Tabii ki, aynı zamanda bir YouTube kanalını da tanıtmaya çalışıyorsanız, önceliklerinizin nerede olduğunu seçmeniz gerekir.
• Diğer Facebook Sayfalarından Video İçeriğini Seçin – bir gönderiye veya sayfaya eklemek istediğiniz harika bir yerel Facebook videosu görürseniz, doğrudan Facebook sayfasına bağlanmak istemiyorsanız, onu gömmek hemen hemen tek seçeneğinizdir.

JavaScript SDK ile Facebook Videosu Nasıl Gömülür

Facebook videosunu ayarlamak için bu süreç oldukça acısızdır. Ancak, gerçek videoları yerleştirmeye başlamadan önce temanızın başlığına küçük bir kod parçacığı eklemeniz gerekir. Bu kod parçacığı buna değer çünkü gömülü videolarınıza otomatik oynatma eklemek gibi bazı güzel şeyler yapmanızı sağlıyor.

Başlamak için, temanızın başlığına Facebook'un JavaScript için SDK'sını eklemeniz gerekir. Bu aslında bu kod parçası için süslü bir isim:

 <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

Divi kullanıyorsanız, biraz sonra size Divi'ye özel bir çözüm göstereceğim. Ancak normal WordPress temaları için temanızın header.php dosyasına gitmeniz ve bunu < body > etiketinin hemen sonrasına aşağıdaki gibi eklemeniz gerekir:

İdeal olarak, bir alt tema kullanmanız ve bu kod parçacığını alt temanızın header.php dosyasına eklemeniz gerekir.

Bu kodu bir kez ekledikten sonra, sonsuza kadar işiniz biter. Standartlaştırılmış bir yerleştirme kodu kullanarak videoları istediğiniz yere yerleştirebilirsiniz.

Bireysel Facebook Videoları Nasıl Gömülür

Bu ikinci kod parçasını oluşturmak için, paylaşmak istediğiniz videonun gerçek URL'sini bulmanız ve ardından bu URL'yi bu küçük kod parçasına eklemeniz gerekir:

<div class="fb-video" data-href="{your-video-post-url}"  
  data-allowfullscreen="true" data-width="500"></div>

Ayrıca, "data-width" seçeneğini farklı bir sayıya düzenleyerek videonun genişliğini piksel olarak değiştirebilirsiniz.

Bu URL'yi almanın birkaç yolu vardır. Bir sayfanın özet akışındaki bir video gönderisine bakıyorsanız, zaman damgasını sağ tıklayıp URL'yi kopyalayabilirsiniz:

Tam bir video oynatıcıya bakıyorsanız, URL'yi benzer şekilde bulabilirsiniz:

Size gerçek dünyadan bir örnek vermek gerekirse, örnek Divi Builder videosunun URL'sini ekledikten ve videonun genişliğini 550 piksel olarak değiştirdikten sonra gömme kodu şöyle görünür:

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"  
  data-allowfullscreen="true" data-width="550"></div>

Videoyu gömmek için bu kodu WordPress düzenleyicinin metin sekmesine yapıştırmanız yeterlidir. Bu kodu ayrıca kenar çubuğunuza veya koda izin veren herhangi bir yere ekleyebilirsiniz:

Gönderiyi yayınladıktan sonra gömülü videoyu görmelisiniz:

Gömülü Videolarınızı Otomatik Oynatmak

Facebook videolarını bu şekilde yerleştirmenin en büyük avantajlarından biri, onları tıpkı Facebook'taki gibi otomatik oynatma (sessizde) yapma yeteneğidir.

Facebook videolarının web sitenize gömülü olsa bile otomatik olarak oynatılmasını istiyorsanız, yerleştirme kodunuza bir özellik eklemeniz yeterlidir.

İşte eklemeniz gereken özellik:

data-autoplay=”true”

Tam yerleştirme kodunda şöyle görünür:

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>

Bu değişikliği yaptığınızda, bir okuyucu sayfayı yüklediğinde videolarınız otomatik olarak oynatılır.

Facebook Videolarını Divi ve JavaScript SDK ile Gömme

Divi kullanıyorsanız, JavaScript SDK kod parçacığını başlığınıza eklemek için işlem biraz daha basittir. Divi seçeneklerinize girmeniz ve kodu bir kutuya yapıştırmanız yeterlidir.

Divi → Tema Seçenekleri → Entegrasyon seçeneğine gidin . Ardından, blogunuzun < head > kısmına kod ekle etiketli kutuyu bulana kadar aşağı kaydırın:

Tüm kod parçacığını buraya yapıştırın ve değişikliklerinizi kaydettiğinizden emin olun. Başvuru için, eklemeniz gereken kod parçacığı şudur:

 <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

Ardından, bir videonun URL'sini bulmak ve yerleştirme kodunu oluşturmak için yukarıdaki talimatların geri kalanını uygulayabilirsiniz. Bu yerleştirme kodunu Divi modüllerine yapıştırabilirsiniz. Örneğin, gömme kodunu bir Kod modülüne eklerseniz şöyle görünür:

Bu modülü ön uçta önizlediğinizde, şöyle görünecektir:

iFrames ile Facebook Videoları Nasıl Gömülür

Temanızın başlığına girmek istemiyorsanız, Facebook, YouTube ile hemen hemen aynı işleve sahip iframe yerleştirmeleri de ekledi. Sadece farkında olun – bulabildiğim kadarıyla, videoları iframe aracılığıyla gömdüğünüzde otomatik olarak oynatamazsınız. Dolayısıyla, bu şekilde video eklemek daha kolay olsa da, bu yöntem yukarıda özetlediğim kadar işlevsellik sunmuyor.

Yerleştirme kodunu bulmak için önce bir video gönderisinin sağ üst köşesindeki küçük oku tıklamanız gerekir:

Ardından Göm seçeneğini seçin.

iframe kodunuzla birlikte yeni bir pencere açılacaktır:

Sadece bu kodu kopyalayın ve WordPress Editörünün veya Divi modülünün metin sekmesine yapıştırın:

Videoyu yayınladığınızda, önceki yöntemle tamamen aynı şekilde görüntülendiğini görmelisiniz.

Eşyaları Sarmak

Facebook videosu hızla büyüyor ve bir medya kanalı olarak giderek daha önemli hale gelecek, bu nedenle Facebook videolarını WordPress'e nasıl yerleştireceğinizi bilmekte fayda var.

Facebook videosunu yerleştirmenin en hızlı ve en kolay yolunu arıyorsanız, muhtemelen iframe kodunu alıp videoları bu şekilde ekleyebilirsiniz.

Öte yandan, temanızın başlık dosyasına biraz kod eklemek isterseniz, Facebook'un büyük bir başarı için kullandığı güçlü otomatik oynatılan videolara erişebilirsiniz. Kodu temanızın başlığına yalnızca bir kez eklemeniz gerekir. Bundan sonra, videoları bu yöntemle gömmek, iframe yönteminden daha fazla zaman almaz. Bu nedenle, genel olarak, mümkünse ilk yöntemle gitmelisiniz.

Olumlu veya olumsuz sonuçlarla Facebook videolarını WordPress sitenize yerleştirmeye başladınız mı? Yorumlarda deneyimlerinizi duymak isterim.

DenEmmanuel / Shutterstock.com'dan makale küçük resmi