WordPress’te Facebook Beğeni Kutusu / Hayran Kutusu Nasıl Eklenir

WordPress web sitenize bir Facebook Beğen Kutusu eklemek ister misiniz?

Web sitenize bir Facebook Beğeni Kutusu eklemek, hedef kitlenizin Facebook sayfanızı beğenmesini ve takip etmesini kolaylaştırır. Ne kadar çok beğeni alırsanız, markanız yeni kullanıcılara o kadar saygın ve güvenilir görünecektir.

Bu makalede, WordPress’e nasıl Facebook Beğeni Kutusu ekleyeceğinizi göstereceğiz.

WordPress Web Sitenize Neden Facebook Beğeni Kutusu Eklemelisiniz?

WordPress web sitenize bir Facebook Beğen Kutusu eklemenin bazı harika avantajları vardır.

İlk olarak, Facebook hayran sayfanızı veya işletme sayfanızı kolayca beğenmelerini sağlayarak insanların ilgisini çekmeye yardımcı olur. Bu, gönderilerinizin Facebook akışlarında görüneceği anlamına gelir, böylece web sitenizin ötesindeki insanlara ulaşmaya devam edebilirsiniz.

Ayrıca, Facebook sayfası Beğeni Kutusu Facebook sayfanızı kaç kişinin beğendiğini gösterir. Bu, sosyal kanıt olarak işe yarayabilir ve daha fazla ziyaretçiyi ‘Beğen’e tıklamaya teşvik edebilir.

Bu eğitim size Facebook Beğeni Kutusu eklemenin iki yolunu gösterecek: biri sosyal eklenti kullanarak diğeri ise kodla. Makalemizde gezinmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: Bir Eklenti ile Facebook Beğeni Kutusu Ekleme (Kolay)

Bu ilk yöntem, yeni başlayanlar için sitelerine bir Facebook Beğen Kutusu eklemenin en kolay ve önerilen yoludur. Ayrıca dilerseniz Facebook akışınızı web sitenizde görüntülemenize de olanak tanır.

Bu yöntemde, çeşitli sosyal medya akışlarını WordPress’e yerleştirmenize olanak tanıyan kullanıcı dostu bir WordPress eklentisi olan Smash Balloon ve bir Beğen Kutusu kullanılmaktadır.

Bu eğitim için ücretsiz Smash Balloon Social Post feed eklentisini kullanabilirsiniz. Ancak Beğen Kutusunun ötesinde daha fazla özellik istiyorsanız (video, fotoğraf ve etkinlik görüntüleme gibi), Pro sürümüne yükseltmenizi öneririz.

Smash Balloon Facebook Feed Eklentisini Kurma

İlk olarak, WordPress eklentisini yönetici alanına yüklemeniz gerekir. Bundan sonra, Facebook Feed ” All Feeds ‘e gidin ve ‘Add New’e tıklayın.

Şimdi, ‘Zaman Çizelgesi’ besleme türünü seçin.

Ardından, ‘İleri’ düğmesine tıklamanız yeterlidir.

Bu aşamada Facebook sayfanızı WordPress web sitenize bağlamanız gerekecektir.

Yapmanız gereken ‘Yeni Ekle’ düğmesine tıklamaktır.

Smash Balloon sizi yeni bir ekrana yönlendirecektir.

Burada, kaynak türü için ‘Sayfa’yı seçin ve ardından ‘Facebook’a Bağlan’a tıklayın.

Şimdi Facebook hesabınıza giriş yapmanız gerekiyor.

Bundan sonra, WordPress blogunuzda veya web sitenizde Beğen Kutusunu görüntülemek istediğiniz sayfayı (sayfaları) seçin. Ardından, ‘İleri’ye tıklayın.

Şimdi Smash Balloon’un izin ayarlarını göreceksiniz. Her şeyin iyi çalıştığından emin olmak için hepsini etkinleştirmenizi öneririz.

Şimdi, devam edin ve ‘Bitti’ye tıklayın.

Son açılır pencere, Smash Balloon’u Facebook’a başarıyla bağladığınızı onaylayacaktır.

Devam etmek için ‘Tamam’a tıklamanız yeterlidir.

Smash Balloon şimdi sizi yönetici alanına yönlendirecek ve burada zaman tüneli akışınızda kullanmak üzere bir Facebook sayfası seçmeniz gerekecek.

Sadece bir sayfa seçin ve ‘Ekle’ye tıklayın.

Artık Smash Balloon eklenti sayfasında kaynak olarak az önce bağlandığınız Facebook sayfasını göreceksiniz.

Basitçe bunu seçin ve ‘İleri’ye tıklayın.

Facebook Beğeni Kutusunu Özelleştirme

Bu aşamada, Smash Balloon sizi Facebook akış düzenleyicisine getirecektir.

İlk adım, Renk Düzeni seçeneğinin üzerindeki ‘Besleme Düzeni’ne tıklamaktır.

Basitçe ‘Gönderi Sayısı’ bölümüne kaydırın.

Bundan sonra, hem Masaüstü hem de Mobil için sayıyı 0 olarak ayarlayın. Bu, tüm son gönderilerinizin görüntüsünü kaldıracak ve beslemenin yalnızca Beğen Kutusunu görüntülemesini sağlayacaktır.

Alternatif olarak, Facebook akışınızı Beğen Kutusuyla birlikte göstermek istiyorsanız, WordPress’te özel bir Facebook akışının nasıl oluşturulacağına ilişkin eğitimimizi takip edebilirsiniz.

Şimdi yukarı çık.

Ardından, besleme düzenleyici sayfasına geri dönmek için ‘Özelleştir’e tıklayın.

Bu aşamada Facebook akışınızın başlığını kaldırabilirsiniz.

Yapmanız gereken ‘Bölümler’ kısmına gitmek ve ‘Üstbilgi’yi seçmektir.

Bu Başlık ayarı, Facebook akışınızın başlığının nasıl görüneceğini belirler.

Ancak bu durumda, gizlemeniz gerekir, bu nedenle ‘Etkinleştir’ geçişini kapatmanız yeterlidir.

Şimdi ana besleme düzenleyici sayfasına geri dönelim ve ‘Beğen Kutusu’ ayarını açalım. Bundan sonra, ‘Beğen Kutusu’ özelliğini açmanız yeterlidir.

Bu sayfada ayrıca Beğen Kutusunun boyutunu, konumunu, kapak fotoğrafı görüntüsünü, özel genişliğini, özel harekete geçirici mesaj metnini vb. ayarlayabilirsiniz.

Bu işlem tamamlandıktan sonra, sağ üst köşedeki ‘Kaydet’ düğmesine basın.

Facebook Beğen Kutusunu WordPress Sayfanıza veya Gönderinize Yerleştirin

Bu aşamada, Facebook Beğen Kutusunu bir sayfada veya kenar çubuğu gibi widget’a hazır bir alanda görüntüleyebilirsiniz.

Bunu yapmak için sağ üst köşedeki ‘Göm’ seçeneğine tıklayın. Şimdi, Akışı Yerleştir açılır penceresi görünecek ve size Beğeni Kutusunu görüntülemek için iki seçenek sunacaktır.

Birincisi bir kısa kod kullanmak, diğeri ise doğrudan bir sayfaya veya widget’a hazır bir alana eklemektir. İkinci seçenek çok daha kolaydır, bu yüzden size önce bu yöntemi göstereceğiz.

Beğen Kutusunu belirli bir sayfaya eklemek istiyorsanız, ‘Sayfaya Ekle’ düğmesine tıklayın.

Şimdi, özelliği eklemek için bir sayfa seçin ve ‘Ekle’ye tıklayın.

Şimdi Gutenberg blok düzenleyicisine ulaşacaksınız.

Devam edin ve Smash Balloon tarafından belirtildiği gibi ‘+ Blok Ekle’ düğmesine tıklayın.

Blok ekleyici kitaplığı açıldıktan sonra, Facebook Feed bloğunu bulmanız gerekir.

Ardından, sayfada en iyi görünen yere sürükleyip bırakmanız yeterlidir.

Blokta, daha önce oluşturduğunuz Beğen Kutusunun bulunduğu Facebook akışını seçin.

Blok daha sonra Beğen Kutusunu görüntüleyecektir.

Peki ya birden fazla Facebook sayfanız varsa ve Smash Balloon kullanarak her biri için bir Beğeni Kutusu oluşturduysanız?

Ayrıca blok ayarları kenar çubuğunda ‘Bir Besleme Seçin’ açılır menüsünden bir besleme seçerek bunlar arasında geçiş yapabilirsiniz.

Şimdi tek yapmanız gereken değişiklikleri resmileştirmek için ‘Güncelle’ düğmesine tıklamak.

Demo sitemizde Beğen Kutumuzun nasıl göründüğünü burada görebilirsiniz:

Bir blok WordPress teması kullanıyorsanız, Facebook Beğen Kutusu bloğunu temanızın sayfa şablonlarına eklemek için Tam Site Düzenleyicisi’ni de kullanabilirsiniz.

Tam Site Düzenleyici hakkında daha fazla bilgi için Tam Site Düzenlemeye yeni başlayanlar için kılavuzumuzu okuyun.

Facebook Beğen Kutusu Widget’ını WordPress’e Yerleştirme

Klasik bir WordPress teması kullanıyorsanız, Facebook Beğen Kutusunu kenar çubuğu, üstbilgi veya altbilgi gibi widget’a hazır bir alanda görüntülemek isteyebilirsiniz. Bu, kullanıcıların dikkatini sayfadaki ana içerikten uzaklaştırmadan Beğen Kutusunu göstermenin harika bir yoludur.

Akışı Yerleştir açılır penceresinde, blok tabanlı widget düzenleyicisine gitmek için ‘Widget’a Ekle’yi seçin.

Şimdi, önceki yöntemde olduğu gibi, ‘+ Blok Ekle’ düğmesine tıklayın, Facebook Feed bloğunu bulun ve istediğiniz alana sürükleyin.

Demo sitemizde, Beğen Kutusunu bir WordPress kenar çubuğu widget’ı olarak kullanmak istiyoruz.

Blokta, daha önce oluşturduğunuz Beğeni Kutusu ile Facebook Akışını seçin.

Ardından, değişiklikleri canlı hale getirmek için ‘Güncelle’ye tıklayın.

Ve işiniz bitti!

İşte test sitemizdeki kenar çubuğunun Like Box widget’ı ile nasıl göründüğü:

Facebook Beğen Kutusu Widget’ını Kısa Kodla Yerleştirin

Önceki iki yöntem işe yaramazsa, bir kısa kod kullanarak Facebook Beğeni Kutusu veya Hayran Kutusu eklemenizi öneririz.

Kısa kodu daha önceki Embed Feed açılır penceresinden kopyalayın ve web sitenizde herhangi bir yere ekleyin.

Kısa kodların kullanımı hakkında daha fazla bilgi için WordPress’te kısa kod ekleme kılavuzumuzu okuyabilirsiniz.

Yöntem 2: Kod ile Facebook Beğeni Kutusu Ekleme

Başka herhangi bir Facebook beslemesi eklemeden yalnızca bir Beğen Kutusu görüntülemekle ilgileniyorsanız, bir Facebook sayfası eklentisi kullanmak aşırıya kaçmak gibi görünebilir. Bu durumda, bunun yerine kod kullanarak Beğen Kutusunu ekleyebilirsiniz.

Bu yöntem yeni başlayanlar için korkutucu görünebilir, ancak size WPCode kullanarak kod eklemenin kusursuz bir yolunu göstereceğiz. Bu, sitenizi bozmadan WordPress’e özel kod parçacıkları eklemeyi kolaylaştıran bir WordPress eklentisidir.

Bu kılavuz için ücretsiz WPCode sürümü yeterlidir, ancak test modu ve bulut tabanlı kod parçacıkları kitaplığı gibi gelişmiş özellikler için Pro sürümüne yükseltebilirsiniz.

İlk olarak WordPress’e eklentiyi yükleyelim. Aktif olduktan sonra Code Snippets ” + Add Snippet kısmına gidin. Ardından, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğini seçin ve ‘Snippet kullan’ seçeneğine tıklayın.

Şimdi kod düzenleyiciye ulaşacaksınız. Daha sonra kolayca tanımlayabilmeniz için önce özel kod parçacığınıza bir isim verelim. Bunun için ‘Facebook JavaScript SDK’ adını vereceğiz çünkü buraya ekleyeceğimiz şey bu olacak.

Şimdi, bu sekmeyi açık tutun ve Facebook Geliştiriciler sayfasına gitmek için tarayıcınızda yeni bir sekme oluşturun.

Menüde, Facebook hesabınızda oturum açmak için ‘Giriş Yap’a tıklayın.

Sayfaya ilk kez erişiyorsanız, ücretsiz bir hesap oluşturmak için işe alım sihirbazını tamamlayın.

Daha sonra Facebook Developers kontrol paneline yönlendirileceksiniz. ‘Uygulama Oluştur’ butonuna tıklayalım.

Bir sonraki sayfada, kullanım durumu için ‘Diğer’ seçeneğini seçin.

Bundan sonra, ‘İleri’ düğmesine tıklayın.

Şimdi, Facebook sayfanız için oluşturabileceğiniz tüm farklı uygulamaları göreceksiniz.

Bir Beğeni Kutusu oluşturmak için ‘İşletme’yi seçebilir ve ardından ‘İleri’ye tıklayabilirsiniz.

Şimdi uygulamanıza bir isim verelim. Bu sadece referans amaçlı olduğu için istediğiniz herhangi bir şey olabilir. Ayrıca e-posta adresinizi girebilir ve isteğe bağlı bir İşletme Hesabı seçebilirsiniz.

Son olarak, ‘Uygulama oluştur’a tıklayın.

Şimdi sosyal eklentiler için Facebook Geliştiriciler sayfasına gidelim.

Ardından, aşağıdaki ekran görüntüsünde olduğu gibi bir bölüm bulana kadar aşağı kaydırın:

Burada, Facebook sayfanızın URL’sini doldurduğunuzdan, ‘Sekmeler’ alanını boşalttığınızdan ve gerekirse Beğen Kutusunun genişliğini ve yüksekliğini belirttiğinizden emin olun.

Ayrıca daha küçük bir başlık kullanmayı, kapak fotoğrafını devre dışı bırakmayı ve daha fazlasını seçebilirsiniz. Ayrıca, Beğen Kutusunu kapsayıcı genişliğine uyacak şekilde uyarlamayı seçtik, böylece boyut web sitesinde yerleştirildiği yere duyarlı olarak ayarlanacaktır.

Tamamlandığında, ‘Kodu Al’ düğmesine tıklayın. Daha sonra size iki tür kod parçacığı gösteren bir açılır pencere göreceksiniz: JavaScript SDK ve iFrame. Her ikisi de Beğen Kutunuzu görüntüleyecektir, ancak genel olarak JavaScript SDK çok daha iyi bir seçenektir.

JavaScript SDK’lar genellikle daha hızlıdır çünkü doğrudan web sayfasına gömülürler ve ana belgenin bir parçası olarak yüklenmelerine izin verirler. iFrame’ler tüm bir HTML belgesinin yüklenmesini gerektirir ve bu da sayfa yükleme süresini yavaşlatabilir.

JavaScript SDK sekmesinde, daha önce oluşturduğunuz uygulama adının seçili olduğundan emin olun.

Ardından, devam edin ve Adım 2’deki JavaScript SDK API kodunu kopyalayın. Şimdi, bu sekmeyi açık tutun, ancak WPCode sekmesine geçin ve kodu buraya yapıştırın.

Kod Türünü ‘HTML Snippet’ olarak bırakabilirsiniz.

Şimdi, ‘Ekleme’ bölümüne doğru aşağı kaydırın.

Ekleme Yöntemi ‘Otomatik Ekleme’ olarak bırakılabilir, Konum ise ‘Site Genelinde Gövde’ olarak değiştirilmelidir.

Son olarak, kodu etkin hale getirin ve ‘Snippet’i Kaydet’e tıklayın.

Ardından, ikinci bir kod parçacığı oluşturacaksınız. Öncekiyle aynı adımları izleyebilir ve buna ‘Facebook Beğeni Kutusu’ gibi bir isim verebilirsiniz.

Bundan sonra, daha önceki sosyal eklentiler için Facebook Geliştiriciler sayfasına geçin ve 3. Adımdaki kodu kopyalayın.

Tekrar WPCode sekmesine gidin ve Adım 3 kodunu Kod Önizleme kutusuna yapıştırın. Kod Türü ‘HTML Snippet’ olabilir.

‘Ekleme’ bölümüne doğru ilerleyelim.

‘Otomatik Ekle’ seçeneğini kullanırsanız, Beğeni Kutusunun Konum kategorisine uyan birden fazla yerde otomatik olarak görünmesini sağlayabilirsiniz.

Örneğimizde, ‘Site Genelinde Altbilgi’ konumunu seçmeye karar verdik, bu da Beğen Kutusunun altbilgide görüneceği anlamına geliyor.

Beğen Kutusunu tüm WordPress blog yazılarınızdan önce görüntülemek için Yazıdan Önce Ekle gibi başka seçenekler de vardır.

Öte yandan, ‘Kısa Kod’ yöntemi özel bir kısa kod oluşturmanıza olanak tanır.

Daha sonra kısa kod bloğunu kullanarak web sitenizin belirli bölümlerine ekleyebilirsiniz.

Ekleme ayarlarını yapılandırdıktan sonra, kodu etkin hale getirin ve ‘Snippet’i Kaydet’e tıklayın.

İşte bu kadar! Daha sonra Like Box’ın nasıl göründüğünü görmek için web sitenizi ziyaret edebilirsiniz:

WordPress sitenizde sosyal beslemeleri görüntüleme hakkında daha fazla kılavuz için WordPress’te sosyal medya beslemeleri ekleme makalemize göz atın.

Umarız bu makale WordPress’te Facebook Beğeni Kutusu veya Hayran Kutusu eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca nihai sosyal medya hile sayfamıza ve WordPress için en iyi sosyal medya eklentileri listemize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.