WordPress'e Facebook Beğeni Kutusu / Hayran Kutusu Nasıl Eklenir

Facebook takipçi kitlenizi oluşturmak için çok çalıştınız, ancak web sitesi ziyaretçileriniz sayfanızla bağlantı kurmuyor. Sinir bozucu, değil mi?

Facebook'u WordPress ile entegre etmenin çeşitli yollarını test ettik ve basit bir Beğeni Kutusu'nun sosyal takipçi sayınızı artırmada gerçek bir fark yaratabileceğini bulduk.

İyi yerleştirilmiş bir Facebook Beğeni Kutusu, web siteniz ve sosyal medya arasındaki boşluğu doldurarak ziyaretçilerin sitenizden ayrılmadan Facebook sayfanızla etkileşim kurmasını sağlar. Sosyal kanıtınız üzerinde büyük bir etkisi olabilecek küçük eklemelerden biridir.

Bu kılavuzda, WordPress sitenize bir Facebook Beğeni Kutusu eklemenin iki basit yöntemini göstereceğiz: bir Facebook Beğeni Kutusu eklentisi yaklaşımı ve bir kod çözümü.

Neden WordPress Sitenize Bir Facebook Beğeni Kutusu Eklemelisiniz?

Facebook Beğeni Kutusu'nu WordPress web sitenize eklemenin harika faydaları vardır.

İlk olarak, insanların Facebook hayran sayfanızı veya işletme sayfanızı kolayca beğenmelerini sağlayarak insanları etkileşime sokmaya 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, sayfanızı kaç kişinin beğendiğini gösterir. Bu, sosyal kanıt olarak işlev görebilir ve daha fazla ziyaretçiyi ‘Beğen’e tıklamaya teşvik edebilir.

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

• Yöntem 1: WordPress Facebook Beğeni Kutusu Eklentisi Kullanma (Yeni Başlayan Dostu)
• Method 2: Adding a Facebook Like Box With Code

Yöntem 1: WordPress Facebook Beğeni Kutusu Eklentisi Kullanma (Yeni Başlayan Dostu)

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

Bu yöntem, çeşitli sosyal medya akışlarını WordPress'e ve bir Beğeni Kutusu'na yerleştirmenize olanak tanıyan kullanıcı dostu bir WordPress eklentisi olan Smash Balloon'u kullanır.

Bu eğitim için, Smash Balloon Social Post akış eklentisinin ücretsiz sürümünü kullanabilirsiniz. Ancak Beğeni Kutusu'nun ö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 Akışı Eklentisini Kurma

İlk olarak, yönetici alanında WordPress eklentisini kurmanız gerekir. Ardından, Facebook Akışı » Tüm Akışlar 'a gidin ve 'Yeni Ekle'ye tıklayın.

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

Ardından, sadece 'İleri' düğmesine tıklayın.

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

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

Smash Balloon sizi yeni bir ekrana yönlendirecektir.

Buradan 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.

Ardından, Beğenme Kutusu'nu WordPress blogunuzda veya web sitenizde hangi sayfada/sayfalarda görüntülemek istediğinizi seçin. Ardından 'İleri'ye tıklayın.

Smash Balloon'un izin ayarlarını şimdi 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 ile başarıyla bağladığınızı basitçe onaylayacaktır.

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

Smash Balloon sizi şimdi yönetici alanına yönlendirecektir; burada zaman akışı beslemenizde kullanmak üzere bir Facebook sayfası seçmeniz gerekir.

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

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

Sadece onu seçin ve ‘İleri’ye tıklayın.

Facebook Beğeni Kutusu'nu Özelleştirin

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

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

Sadece 'Gönderi Sayısı' bölümüne aşağı 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ülenmesini kaldıracak ve akışın yalnızca Beğeni Kutusu'nu görüntülemesini sağlayacaktır.

Alternatif olarak, Beğenme Kutusu ile birlikte Facebook akışınızı da göstermek istiyorsanız, WordPress'te özel bir Facebook akışı oluşturma hakkındaki eğitimimizi takip edebilirsiniz.

Şimdi, yukarı geri dönün.

Ardından, akış 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 inmek ve 'Başlık' seçeneğini seçmektir.

Bu Üstbilgi ayarı, Facebook akışınızın üstbilgisinin nasıl görüneceğini belirler.

Ancak bu durumda, onu gizlemeniz gerekir, bu yüzden sadece ‘Etkinleştir’ geçişini kapatın.

Şimdi ana akış düzenleyici sayfasına geri dönelim ve 'Beğeni Kutusu' ayarını açalım. Ardından, 'Beğeni Kutusu' özelliğini açmanız yeterlidir.

Bu sayfada ayrıca Beğeni Kutusu'nun boyutunu, konumunu, kapak fotoğrafı gösterimini, özel genişliğini, özel harekete geçirici mesaj metnini vb. ayarlayabilirsiniz.

İşlem tamamlandıktan sonra, sağ üst köşedeki 'Kaydet' düğmesine basın.

Facebook Beğeni Kutusunu WordPress Sayfanıza veya Yazınıza Yerleştirin

Bu aşamada, Facebook Beğeni Kutusu'nu bir sayfada veya kenar çubuğu gibi bir widget'a hazır alanda görüntüleyebilirsiniz.

Bunu yapmak için sağ üst köşedeki ‘Göm’e tıklayın. Şimdi, Göm Besleme açılır penceresi görünecek ve Beğeni Kutusu'nu görüntülemek için size iki seçenek sunacaktır.

Birincisi 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 önce bu yöntemi göstereceğiz.

Beğeni Kutusu'nu belirli bir sayfaya eklemek istiyorsanız, ‘Bir Sayfaya Ekle’ düğmesine tıklayın.

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

Şimdi Gutenberg blok düzenleyicisine geleceksiniz.

Smash Balloon'un belirttiği gibi, '+ Blok Ekle' düğmesine tıklayın.

Blok ekleyici kütüphanesi açıldığında, Facebook Akışı bloğunu bulmanız gerekir.

Ardından, sayfanın en iyi göründüğü yere sürükleyip bırakın.

Blokta, az önce oluşturduğunuz Beğeni Kutusu'na sahip Facebook akışını seçin.

Blok daha sonra Beğeni Kutusu'nu gösterecektir.

Peki ya birden fazla Facebook sayfanız varsa ve Smash Balloon kullanarak her biri için bir Beğenme Kutusu kurduysanız?

Ayrıca, 'Bir Akış Seçin' açılır menüsünden bir akış seçerek blok ayarları kenar çubuğunda bunlar arasında geçiş yapabilirsiniz.

Değişiklikleri resmi hale getirmek için yapmanız gereken tek şey 'Güncelle' düğmesine tıklamak.

Beğenme Kutumuz demo sitemizde şöyle görünüyor:

Eğer bir blok WordPress teması kullanıyorsanız, Facebook Beğeni Kutusu bloğunu temanızın sayfa şablonlarına eklemek için Tam Site Düzenleyiciyi de kullanabilirsiniz.

Tam Site Düzenleyicisi hakkında daha fazla bilgi için, sadece Tam Site Düzenlemesine yeni başlayanlar için rehberimizi okuyun.

WordPress'e Facebook Beğeni Kutusu Widget'ı Yerleştirme

Klasik bir WordPress teması kullanıyorsanız, Facebook Beğeni Kutusu'nu kenar çubuğu, başlık veya alt bilgi gibi bir widget'a hazır alana yerleştirmek isteyebilirsiniz. Beğeni Kutusu'nu, kullanıcıların sayfanın ana içeriğinden dikkatini dağıtmadan göstermenin harika bir yoludur.

Akış Ekle açılır penceresinde, blok tabanlı widget düzenleyicisine gitmek için 'Bir Widget'e Ekle'yi seçin.

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

Demo sitemizde, Beğenme Kutusu'nu 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 Beğeni Kutusu widget'ı ile test sitemizdeki kenar çubuğu şöyle görünüyor:

Facebook Beğeni Kutusu Widget'ını Bir Kısa Kod ile Gömün

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

Daha önce Gömme Akışı açılır penceresinden kısa kodu kopyalayın ve web sitenizin herhangi bir yerine ekleyin.

Kısa kodları kullanma hakkında daha fazla bilgi için, WordPress'e kısa kod ekleme hakkındaki rehberimizi okuyabilirsiniz.

Yöntem 2: Kod Kullanarak Facebook Beğenme Kutusu Ekleme

Yalnızca başka türde Facebook akışları eklemeden bir Facebook Hayran Kutusu veya Beğeni Kutusu görüntülemekle ilgileniyorsanız, o zaman bir Facebook sayfası eklentisi kullanmak aşırıya kaçmış gibi görünebilir. Bu durumda, bunun yerine Beğeni Kutusunu kod kullanarak ekleyebilirsiniz.

Bu yöntem yeni başlayanlar için göz korkutucu görünebilir, ancak size WPCode kullanarak kod eklemenin kusursuz bir yolunu göstereceğiz. Bu, özel kod parçacıklarını sitenizi bozmadan WordPress'e 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ığı kitaplığı gibi gelişmiş özellikler için Pro sürümüne yükseltebilirsiniz.

İlk olarak, eklentiyi WordPress'e kuralım. Etkinleştirdikten sonra, Kod Parçacıkları » + Parçacık Ekle'ye gidin. Ardından, 'Özel Kodunuzu Ekleyin (Yeni Parçacık)' seçeneğini belirleyin ve '+ Özel Parçacık Ekle'ye tıklayın.

Şimdi kod düzenleyiciye geleceksiniz. Özel kod parçacığınıza daha sonra kolayca tanımlayabilmeniz için önce bir ad verelim. Bunun için, buraya ekleyeceğimiz şey 'Facebook JavaScript SDK' olacağı için ona bu adı vereceğiz.

Şimdi bu sekmeyi açık tutun ve tarayıcınızda yeni bir sekme açarak Facebook Geliştiricileri sayfasına gidin.

Menüde, Facebook hesabınıza giriş yapmak için ‘Giriş Yap’a tıklayın.

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

Ardından Facebook Geliştiricileri paneline yönlendirileceksiniz. ‘Uygulama Oluştur’ düğmesine tıklayalım.

Sonraki sayfada, kullanım durumu için sadece ‘Diğer’i seçin.

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

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

Bir Beğeni Kutusu oluşturmak için sadece ‘İşletme’yi seçip ‘İ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 İş Hesabı seçebilirsiniz.

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

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

Ardından, aşağıdaki ekran görüntüsündeki 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ğeni 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. Beğeni Kutusunu kapsayıcı genişliğine uyacak şekilde uyarlamayı da seçtik, böylece boyutu web sitesinde yerleştirildiği yere duyarlı olarak ayarlanacaktır.

Bittiğinde, 'Kodu Al' düğmesine tıklayın. Ardından size iki tür kod parçacığı gösteren bir açılır pencere göreceksiniz: JavaScript SDK ve iFrame. Her ikisi de Beğeni Kutunuzu gösterecektir, ancak genel olarak JavaScript SDK çok daha iyi bir seçenektir.

JavaScript SDK'ları, doğrudan web sayfasına yerleştirildikleri ve ana belgeyle birlikte yüklenmelerine izin verdikleri için genellikle daha hızlıdır. iFrame'ler, sayfa yükleme süresini yavaşlatabilen tam bir HTML belgesinin yüklenmesini gerektirir.

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

Ardından, 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 aşağı kaydırın.

Ekleme Yöntemi 'Otomatik Ekle' olarak bırakılabilirken, Konum 'Site Genişi Gövde' olarak değiştirilmelidir.

Son olarak, kodu etkinleştirin ve ‘Kod Parçasını Kaydet’e tıklayın.

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

Ardından, daha önceki sosyal eklentiler için Facebook Developers sayfasına gidin ve 3. Adımdaki kodu kopyalayın.

WPCode sekmesine tekrar gidin ve 3. Adım kodunu Kod Önizleme kutusuna yapıştırın. Kod Türü ‘HTML Parçacığı’ olabilir.

‘Ekleme’ bölümüne aşağı kaydıralım.

'Otomatik Ekle'yi kullanırsanız, Beğeni Kutusunun Konum kategorisine uyan birden çok yerde otomatik olarak görünmesini sağlayabilirsiniz.

Örneğimizde, ‘Site Geneli Altbilgi’ konumunu seçmeye karar verdik, bu da Beğeni Kutusu'nun altbilgi bölümünde görüneceği anlamına gelir.

Smash Balloon ve Facebook bağlantısının başarılı olduğunu onaylıyor

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

Ardından, onu web sitenizin belirli bölümlerine kısa kod bloğunu kullanarak ekleyebilirsiniz.

Ekleme ayarlarını yapılandırdıktan sonra, kodu etkinleştirin ve ‘Snippet Kaydet’e tıklayın.

Hepsi bu kadar! Ardından Beğeni Kutusunun nasıl göründüğünü görmek için web sitenizi ziyaret edebilirsiniz:

WordPress sitenizde sosyal akışları görüntüleme hakkında daha fazla kılavuz için, WordPress'e sosyal medya akışları ekleme hakkındaki makalemize göz atın.

Bonus: Facebook'u WordPress ile Entegre Etmenin Daha Fazla Yolu

Facebook entegrasyonunuzu bir sonraki seviyeye taşımak ister misiniz? Bu ek kılavuzlara göz atın:

• WordPress'te Facebook Beğeni Kutusu Açılır Penceresi Oluşturma – Stratejik olarak zamanlanmış bir Beğeni Kutusu açılır penceresiyle etkileşimi artırın.
• WordPress'te Facebook Durum Gönderilerini Gömme – Belirli Facebook güncellemelerini doğrudan sitenizde paylaşın.
• WordPress'e Facebook Grup Akışı Nasıl Eklenir – Topluluk tartışmalarınızı web sitenizde görüntüleyin.
• WordPress'te Facebook Sayfa Yorumlarınızı Nasıl Görüntülersiniz – Facebook'tan müşteri yorumlarıyla sosyal kanıt sergileyin.
• WordPress Kullanarak Daha Fazla Facebook Beğenisi Almanın Hızlı Yolları – Facebook takipçi sayınızı artırmak için bu stratejileri uygulayın.
• Yazarın Twitter ve Facebook'unu Profil Sayfasında Görüntüleme – Okuyucularınızı sosyal medyadaki katkıda bulunanlarınızla bağlayın.
• WordPress Gönderilerinize Facebook Beğeni Tepkileri Nasıl Eklenir – Facebook'un popüler tepki özelliğini blog yazılarınıza getirin.
• WordPress'te Facebook Reklamları Açılış Sayfası Oluşturma – Facebook reklam kampanyalarınız için yüksek dönüşüm sağlayan açılış sayfaları tasarlayın.
• WordPress'ten Facebook'a Otomatik Olarak Nasıl Gönderilir – Otomatik gönderim ile sosyal medya stratejinizi kolaylaştırın.

Umuyoruz ki bu makale, WordPress'e bir Facebook Beğeni Kutusu veya Hayran Kutusu eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca nihai sosyal medya özet sayfamıza ve WordPress için en iyi sosyal medya eklentileri listemize de göz atmak isteyebilirsiniz.

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