Bir YouTube Canlı Akışını WordPress'e Gömme

Yayınlanan: 2023-04-24

WordPress web sitenize bir YouTube canlı akışı yerleştirmek ister misiniz?

YouTube canlı akışlarını WordPress sitenize yerleştirmek, ziyaretçilerin sizinle ve içeriğinizle gerçek zamanlı olarak etkileşime geçmesini sağlayarak etkileşimi artırabilir.

Bu yazıda, bir YouTube canlı akışını WordPress'e nasıl kolayca yerleştireceğinizi göstereceğiz.

How to embed a YouTube live stream in WordPress

Neden YouTube Canlı Yayınlarını WordPress'e Yerleştirin?

Canlı yayın, internet üzerinden canlı video veya ses içeriği yayınlamanıza olanak tanıyarak kullanıcıların videoyu gerçek zamanlı olarak izlemesini sağlar.

YouTube live stream

WordPress web sitenize bir YouTube canlı akışı yerleştirmek, kitlenizle bağlantı kurmanın ve daha fazla kullanıcıya ulaşmanın mükemmel bir yoludur.

Ayrıca, site ziyaretçileriyle etkileşim kurmanıza izin vererek kullanıcı etkileşimini artırabilir.

Bir YouTube canlı akışı, web sitesi SEO'sunu artırmaya ve daha fazla trafik çekmeye de yardımcı olabilir. Araştırmalar, en az bir video içeren blog gönderilerinin, hiç video içermeyen içeriğe göre yaklaşık %83 daha fazla ziyaretçi aldığını göstermiştir.

Bununla birlikte, bir YouTube canlı akışını WordPress'e nasıl kolayca yerleştirebileceğinizi görelim.

Bir YouTube Canlı Akışını WordPress'e Gömme

Bir YouTube canlı akışını yerleştirmenin en kolay yolu, Smash Balloon'un YouTube Feed Pro eklentisini kullanmaktır.

YouTube videolarını ve canlı akışları web sitenize yerleştirmenize izin veren en iyi WordPress YouTube besleme eklentisidir.

Öncelikle, YouTube Feed Pro eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç ​​kılavuzumuza bakın.

Not : YouTube Feed'in ücretsiz bir sürümü de vardır. Ancak, Canlı Akış özelliğini desteklemez.

Eklenti etkinleştirildikten sonra, yönetici kenar çubuğundan Youtube Yayını » Ayarlar sayfasını ziyaret etmeniz gerekir. Burada, lisans anahtarını girmeniz ve 'Etkinleştir' düğmesine tıklamanız gerekir.

Lisans anahtarını Smash Balon web sitesindeki Hesaplar sayfanızdan alabilirsiniz.

Activate your smash balloon license key

Ardından, WordPress yönetici kenar çubuğundan YouTube Beslemeleri »Tüm Beslemeler sayfasını ziyaret etmeniz gerekir.

Buradan, üst kısımdaki 'Yeni Ekle' düğmesini tıklamanız yeterlidir.

Click the Add New button to add the YouTube feed

Bu, 'Besleme Türünü Seçin' istemini açacaktır.

Şimdi, 'Canlı Akışlar' seçeneğini seçmeniz ve ardından devam etmek için 'İleri' düğmesine tıklamanız gerekiyor.

Choose live stream as feed type

Bir sonraki adımda YouTube Feed Pro'yu Youtube hesabınızla bağlamanız gerekiyor. YouTube API anahtarınızı sağlamanız istenecektir.

Zaten bir API anahtarınız varsa, onu kopyalayıp "API Anahtarını Girin" kutusuna yapıştırın ve "Ekle" düğmesini tıklayın.

Add YouTube API key

Bir YouTube API Anahtarı oluşturun

Henüz bir API anahtarınız yoksa Google Cloud Console'a gitmeniz ve Google hesabınızı kullanarak oturum açmanız gerekir.

Giriş yaptıktan sonra, üst kısımdaki 'Bir proje seçin' düğmesine tıklayın.

Click Select Project button

Bu, oluşturduğunuz tüm projeleri görüntüleyen bir açılır pencere açacaktır.

Ardından, üst kısımdaki 'Yeni Proje' düğmesini tıklamanız yeterlidir.

Click the New Project button

Bu sizi, projeniz için bir isim yazarak başlayabileceğiniz 'Yeni Proje' sayfasına götürecektir. Bu, onu kolayca tanımlamanıza yardımcı olacak herhangi bir şey olabilir.

Ardından, açılır menüden bir 'Kuruluş' ve konumu da seçmelisiniz. Devam etmek için 'Kuruluş Yok'u seçip 'Oluştur' düğmesini tıklayabilirsiniz.

Choose a project name and its organization

Proje oluşturulduktan sonra, proje panosuna yönlendirileceksiniz.

Buradan, üst menüdeki '+ API'leri ve Hizmetleri Etkinleştir' düğmesine tıklamanız gerekir.

Click on the + ENABLE APIS AND SERVICES button

Bu sizi API Kitaplığı sayfasına götürecektir. API oluşturabileceğiniz ve projelerinizde kullanabileceğiniz farklı Google hizmetlerini gösterir.

Şimdi devam edin ve arama kutusunda "YouTube Data API v3"ü arayın.

Search for the YouTube data API v3 option

"YouTube Data API v3" sonucu göründüğünde üzerine tıklamanız yeterlidir.

Bu sizi, YouTube API anahtarını etkinleştirmek için 'Etkinleştir' düğmesini tıklamanız gereken yeni bir sayfaya götürecektir.

Enable the YouTube API

Şimdi 'API/Hizmet Ayrıntıları' sayfasına yönlendirileceksiniz.

Buradan, üst kısımdaki 'Kimlik Bilgileri Oluştur' düğmesini tıklamanız yeterlidir.

Click the Create Credentials button

Ardından, 'Genel Veriler' seçeneğinin yanındaki kutuyu işaretlemeniz gereken yeni bir sayfaya yönlendirileceksiniz.

Bundan sonra, API'nizi oluşturmak için 'İleri' düğmesine tıklayın.

Check the Public data box and click on the Next button

API Anahtarınız şimdi oluşturulacak ve sayfada görüntülenecektir.

Basitçe API anahtarını kopyalayın ve 'Bitti' düğmesine tıklayın.

Copy the YouTube API key

Ardından, WordPress panosuna geri dönme zamanı.

Devam edin ve API anahtarını API Anahtarı Gerekli kutusuna yapıştırın. Ardından, devam etmek için 'Ekle' düğmesine tıklayın.

Add YouTube API key

YouTube Canlı Akışını WordPress Web Sitenize Ekleyin

YouTube API anahtarınızı ekledikten sonra, "Yayın Türünü Seçin" sayfasına yönlendirileceksiniz.

Buradan tekrar 'Canlı Yayın' seçeneğini ve ardından 'İleri' düğmesini tıklamanız gerekir.

Bu, 'Canlı Akış İçin Kanal Kimliği Ekle' sayfasını açacaktır.

Visit the Add channel ID for live stream page

Şimdi, canlı yayın videolarınızı içeren YouTube kanalını ziyaret etmeniz gerekiyor.

Buradan devam edin ve üstteki URL'de '/channel/' veya '/user/' sonrasında gelen metni kopyalayın.

Copy the code after channel or user in the URL

Ardından, WordPress panosuna geri dönün ve kodu 'Canlı Akış için Kanal Kimliği Ekle' kutusuna yapıştırın.

Bundan sonra, YouTube kanalınızı WordPress'e bağlamak için 'Bağlan' düğmesine tıklayın.

Kanal bağlandıktan sonra, devam etmek için 'İleri' düğmesine tıklamanız gerekir.

Add code and click the connect button

YouTube Akışınızı Özelleştirin

Artık YouTube canlı akış özet akışınız oluşturulduğuna göre özelleştirebilirsiniz. Smash Balloon'un YouTube Feed Pro'su birçok farklı görüntüleme seçeneği sunar.

Öncelikle, 'Bir şablonla başla' sayfasında bir şablon seçmeniz gerekecek. Varsayılan, Karusel, Kartlar, Liste, Galeri ve Izgara düzenleri arasından seçim yapabilirsiniz.

Seçiminizi yaptıktan sonra, 'İleri' düğmesine tıklamanız yeterlidir.

Choose a template for your Live YouTube feed

Bir şablon seçtikten sonra, sağda YouTube yayınınızın bir önizlemesini ve soldaki menü sütununda özelleştirme ayarlarını görüntüleyen bir düzenleme ekranı açılır.

Burada 'Feed Layout' panelini genişleterek başlayabilirsiniz.

YouTube Feed editor

Bu ekranda, düzenler arasında geçiş yapabilirsiniz.

Seçtiğiniz düzene bağlı olarak ek ayarlar da yapılandırabilirsiniz.

Customize the YouTube feed layout

Ardından, 'Renk Şeması' paneline tıklamanız gerekir.

Varsayılan olarak YouTube Feed Pro, WordPress temanızla aynı renk düzenini kullanır. Ancak, video beslemesi için 'Açık' veya 'Koyu' renk düzeni de kullanabilirsiniz.

Ayrıca 'Özel' seçeneğine tıklayarak ve ardından kontrolleri kullanarak arka planı, metni ve bağlantı renklerini değiştirerek kendi renk düzeninizi tasarlayabilirsiniz.

Customize feed color scheme

YouTube yayınınıza bir başlık eklemek için 'Başlık' panelini ziyaret etmeniz gerekir. Buradan, başlığı etkinleştirmek için 'Etkinleştir' anahtarını değiştirmeniz yeterlidir.

Standart ve metin başlığı stilleri arasında geçiş yapmak için kontrolleri de kullanabilirsiniz. 'Metin' seçeneğini seçmek, metin boyutunu ve rengini değiştirmenize izin verecektir.

Customize YouTube feed header

Video oynatıcının görünümünü 'Videolar' paneline giderek de özelleştirebilirsiniz.

Burada, seçeneklerin bir listesini göreceksiniz.

Videos panel option

Video düzenini ve bireysel özellikleri özelleştirmek için 'Video Stili' ayarlar panelini ziyaret etmeniz gerekir.

Burada video düzenini, arka plan rengini ve kenarlığı seçebilirsiniz.

Customize video style

Bundan sonra, 'Bireysel Öğeleri Düzenle' panelini açın. Burada, YouTube canlı yayın videolarıyla birlikte görüntülemek istediğiniz öğelerin yanındaki kutuları işaretlemeniz yeterlidir.

Oynat simgesini, video başlığını, canlı yayın geri sayımını, açıklamaları ve daha fazlasını gösterebilir veya gizleyebilirsiniz.

Edit the individual elements you want to display along with the video

Ardından, 'Hover State' ayarına gitmeniz gerekir. Burada, kullanıcı faresini YouTube videosunun üzerine getirdiğinde görüntülenecek öğeleri ayrı ayrı seçebilirsiniz.

Video başlığı, açıklama, tarih, görünümler ve daha fazlası dahil olmak üzere birçok öğe seçebilirsiniz.

Customize hover state

Bundan sonra, 'Video Oynatıcı Deneyimi' panelini ziyaret etmeniz gerekiyor.

Buradan video oynatıcının en boy oranını değiştirebilirsiniz. Ayrıca videonun otomatik olarak oynatılmaya başlayıp başlamayacağını veya ziyaretçi oynat düğmesine tıklayana kadar bekleyip beklemeyeceğini de seçebilirsiniz.

Customize video player experience

Tek tek video öğelerini özelleştirdikten sonra, 'Daha Fazla Yükle Düğmesi' paneline geçin.

Burada, 'Daha Fazla Yükle Düğmesi' ayarının altında, anahtarı 'Etkinleştir' konumuna getirebilirsiniz. Bu, canlı akıştan sonra daha fazla video önerisi görüntüler.

Sol paneldeki ayarlardan arka plan rengini, fareyle üzerine gelme durumunu ve metni de seçebilirsiniz.

Customize the Load More button

Bundan sonra, 'Abone Ol Düğmesi' paneline geçin ve YouTube abone düğmesini etkinleştirmek istiyorsanız düğmeyi 'Etkinleştir' konumuna getirin.

Ayarlarda düğmenin rengini, metnini ve fareyle üzerine gelme durumunu da değiştirebilirsiniz.

Customize Subscribe button

YouTube canlı yayınını özelleştirdikten sonra masaüstü bilgisayarlarda, tabletlerde ve akıllı telefonlarda nasıl görüneceğini önizleyebilirsiniz. Akışı farklı cihazlarda önizlemek için sağ üst köşedeki farklı düğmelere tıklamanız yeterlidir.

Son olarak, değişikliklerinizi kaydetmek için üst kısımdaki 'Kaydet' düğmesine tıklamayı unutmayın.

Preview and save feed

YouTube Canlı Akışını bir WordPress Sayfasına Yerleştirin

Sonraki adım, YouTube canlı yayınınızı bir WordPress sayfasına yerleştirmektir. Bunun için öncelikle üst kısımda yer alan 'Embed' butonuna tıklamanız gerekmektedir.

Bu, 'Yayını Göm' istemini açacaktır. Burada, devam etmek için 'Sayfaya Ekle' düğmesini tıklayın.

Click Add to a page button to embed YouTube feed

Açılır pencere şimdi web sitenizdeki tüm WordPress sayfalarının bir listesini gösterecektir.

YouTube canlı akışını eklemek istediğiniz sayfayı seçin ve 'Ekle' düğmesini tıklayın.

Choose a page where you want to embed the feed and click on the Add button

Seçtiğiniz sayfa şimdi blok düzenleyicide açılacaktır.

Buradan, sol üst köşedeki 'Blok Ekle' (+) düğmesine tıklamanız ve 'YouTube için Yayınlar' bloğunu aramanız gerekir.

Bloğu bulduktan sonra üzerine tıklayarak sayfanıza ekleyin.

Embed YouTube Feed on a page

Değişikliklerinizi kaydetmek veya canlı hale getirmek için 'Güncelle' veya 'Yayınla' düğmesine tıklamayı unutmayın.

Demo web sitemizde YouTube canlı yayını bu şekilde görünür.

YouTube Feed Page preview

Bir Widget Olarak YouTube Canlı Yayını Ekleyin

WordPress kenar çubuğuna widget olarak bir YouTube canlı yayını da ekleyebilirsiniz.

Öncelikle, yönetici kenar çubuğundan Görünüm » Widget'lar sayfasını ziyaret etmeniz gerekecek.

Buradan, ekranın sol üst köşesindeki 'Blok Ekle' (+) düğmesine tıklayın ve 'YouTube için Yayınlar' bloğunu bulun.

Ardından, widget alanına eklemek için bloğa tıklayın.

Add YouTube Feed as a widget

Değişikliklerinizi kaydetmek için 'Güncelle' düğmesine tıklamayı unutmayın.

YouTube canlı yayını, demo web sitemizin kenar çubuğunda böyle görünür.

Widget Preview of YouTube feed

Tam Site Düzenleyicide bir YouTube Canlı Yayını ekleyin

Blok tabanlı bir tema kullanıyorsanız bu yöntem tam size göre.

Öncelikle, site editörünü başlatmak için yönetici kenar çubuğundan Görünüm »Düzenleyici sayfasına gidin.

Buradan, üst kısımdaki 'Blok Ekle (+)' düğmesini tıklayın ve 'YouTube için Yayınlar' bloğunu arayın.

Ardından, bloğu YouTube yayınını sayfanızda görüntülemek istediğiniz yere sürükleyip bırakabilirsiniz.

Add the YouTube feed in FSE

İşiniz bittiğinde, değişiklikleri uygulamak için 'Kaydet' düğmesine tıklamayı unutmayın.

İşte demo web sitemizdeki canlı yayınların bir önizlemesi.

FSE preview of YouTube live feed

Bu makalenin, YouTube canlı yayınlarını WordPress'e nasıl yerleştireceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, nihai WordPress SEO kılavuzumuzu okumak veya sitenizi büyütmek için en iyi sosyal medya eklentileri için en iyi seçimlerimize göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.