En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'e Facebook Beğen Düğmesi Nasıl Eklenir

Başarılı WordPress siteleri hakkında basit bir gerçek: ziyaretçilerin içeriğinizle etkileşim kurmasını kolaylaştırmak büyüme için anahtardır. Ancak pek çok site sahibi, bir Facebook Beğeni düğmesi eklemek gibi basit bir şeyi göz ardı ediyor.

Küçük bir ekleme gibi görünse de, aslında erişiminizi genişletmek için en güçlü araçlardan biridir. Daha fazla beğeni, daha fazla görünürlük anlamına gelir ve bu da genellikle daha fazla trafik ve potansiyel müşteriye yol açar.

Neyse ki, WordPress sitenize bir tane eklemek düşündüğünüzden daha kolay! Farklı Facebook entegrasyon yöntemlerini denedik ve gerçekten iyi çalışan birkaç tane bulduk.

Bu öğreticide, WordPress'e bir Facebook Beğeni düğmesinin nasıl ekleneceği konusunda size yol göstereceğiz. WordPress sitenizi büyütmek için sosyal etkileşimden yararlanmaya başlayabilmeniz için test ettiğimiz en iyi yaklaşımları paylaşacağız. 📈

WordPress'e Facebook beğen düğmesi nasıl eklenir

WordPress'e Facebook Beğeni Düğmesi Neden Eklenir?

Facebook, dünyanın en popüler sosyal medya platformlarından biridir. Birçok işletme, müşterileriyle bağlantı kurmak ve ürünlerini tanıtmak için Facebook'u kullanır.

WordPress web sitenize bir Facebook Beğeni düğmesi eklemek daha fazla etkileşim sağlamaya yardımcı olabilir. Ayrıca insanların içeriğinizi Facebook profillerinde paylaşmalarını teşvik eder ve sitenize yeni kullanıcılar çeker.

Facebook Beğeni düğmesini, sosyal takipçilerinizi artırmak ve bir topluluk oluşturmak için kullanabilirsiniz. Ürünleriniz ve hizmetleriniz hakkında farkındalığı artırmaya yardımcı olur ve dönüşümleri artırır.

Bu doğrultuda, WordPress web sitenize bir Facebook Beğeni düğmesi eklemeyi göstereceğiz. İşte bu kılavuzda ele alacağımız yöntemlere hızlı bir genel bakış:

Hazır mısınız? Bir eklenti veya özel kod kullanarak WordPress'e Facebook Beğeni düğmesi eklemeyi görelim.

Yöntem 1: Eklenti Kullanarak WordPress'e Facebook Beğeni Düğmesi Ekleme

Bu yöntemde, bir Facebook Beğeni düğmesi eklemek için bir WordPress eklentisi kullanacağız. Bu yöntem çok kolaydır ve yeni başlayanlar için önerilir.

Yapmanız gereken ilk şey, BestWebSoft’s Like & Share eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, WordPress eklentisi nasıl kurulur hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress yönetici panelinizden Beğen & Paylaş » Ayarlar bölümüne gidebilirsiniz.

Beğen ve paylaş eklenti ayarları

Sonra, bir Facebook 'Uygulama Kimliği' ve 'Uygulama Sırrı' eklemeniz gerekecek. Bu bilgilere sahip değilseniz, aşağıdaki adımları izleyin.

Facebook Uygulama Kimliği ve Uygulama Sırrı Nasıl Oluşturulur

‘Ayarlar’ panelinde, Beğen & Paylaş eklentisindeki ‘Uygulama Kimliği’ veya ‘Uygulama Sırrı’ alanının altındaki ‘Yeni bir tane oluştur’ bağlantısına tıklayın.

Bu sizi Meta for Developers web sitesine götürecektir. Web sitesini yeni bir sekme veya pencerede açmanızı öneririz çünkü uygulama kimliğini ve gizli anahtarını girmek için WordPress yönetici alanınızda Beğen & Paylaş ayarları sayfasına gitmeniz gerekecek.

Buradan bir uygulama türü seçmeniz gerekecek. Uygulama türü olarak 'İşletme'yi seçin ve 'İleri' düğmesine tıklayın.

Uygulama türünüzü seçin

Ardından, uygulamanız hakkında temel bilgileri sağlamanız gerekecek.

Uygulamanız için bir görünen ad girebilir ve doğru e-posta adresinin ‘Uygulama iletişim e-postası’ alanında göründüğünden emin olabilirsiniz. Facebook, otomatik olarak oturum açtığınız hesabın e-posta adresini seçecektir.

Bir işletme hesabı seçme seçeneği de vardır. Bunu 'İşletme Yöneticisi hesabı seçilmedi' olarak bırakıp 'Uygulama oluştur' düğmesine tıklayabilirsiniz.

Uygulama için temel bilgileri girin

Ardından, bir açılır pencere görünecektir. Burada Facebook sizden parolanızı tekrar girmenizi isteyecektir.

Bu, hesabınızdaki kötü amaçlı etkinliği önlemek için bir güvenlik önlemidir. Facebook hesap parolanızı girin ve 'Gönder' düğmesine tıklayın.

Facebook şifrenizi tekrar girin

Bundan sonra uygulama kontrol panelinizi göreceksiniz.

Buradan, sol menüden Ayarlar » Temel bölümüne gidebilirsiniz.

Temel ayarlar sayfasına gidin

Şimdi, 'Ayarlar' açılır menüsünü genişletip 'Temel'e tıklamak isteyeceksiniz.

Burada ‘Uygulama Kimliği’ ve ‘Uygulama Sırrı’nı göreceksiniz.

Artık bu bilgileri Beğen ve Paylaş eklentisi ayarlarında girebilirsiniz.

Uygulama kimliğini ve gizli anahtarını kopyalayın

Facebook Beğen Düğmenizi Özelleştirmeyi Bitirin

İlk olarak, ‘Uygulama Kimliği’ni kopyalamak isteyeceksiniz ve Beğen & Paylaş » Ayarlar sayfasının açık olduğu sekmeye veya pencereye geri döneceksiniz. Ardından, ‘Uygulama Kimliği’ni ilgili alana girmeniz yeterlidir.

Şimdi, 'Uygulama Sırrı' verilerini Meta for Developers sayfasından kopyalayıp Beğen ve Paylaş eklenti ayarlarınıza yapıştırarak adımı tekrarlamak isteyeceksiniz.

Facebook beğeni düğmenizi özelleştirin

Bunu yaptıktan sonra, Facebook Beğeni düğmesini Profil URL'si ve Paylaşım düğmeleri ile birlikte göstermeyi seçebilirsiniz.

Ayrıca Facebook Beğeni düğmesinin boyutunu, içeriğin öncesinde veya sonrasında konumunu ve hizalamasını düzenlemek için ayarlar da bulunmaktadır.

Daha fazla özelleştirme seçeneği

Profil URL düğmesini etkinleştirdiyseniz, 'Profil URL Düğmesi' bölümüne aşağı kaydırabilir ve Facebook kullanıcı adınızı veya kimliğinizi girebilirsiniz.

İşiniz bittiğinde, değişikliklerinizi kaydetmeyi unutmayın.

Artık eklenti, Facebook Beğeni düğmesini WordPress web sitenize otomatik olarak ekleyecek ve ayarlarınıza göre konumlandıracaktır.

Facebook Beğen düğmesini sitenizin herhangi bir yerine eklemek için [fb_button] kısa kodunu da kullanabilirsiniz.

Hepsi bu kadar! Artık sitenizi ziyaret edebilir ve her gönderide Beğen düğmesini görebilirsiniz.

Facebook beğen düğmesi önizlemesi

Yöntem 2: WordPress'e Manuel Olarak Bir Facebook Beğeni Düğmesi Ekleme

Bir Facebook Beğeni düğmesi eklemenin başka bir yolu da özel kod kullanmaktır. Ancak bu yöntem, kodu doğrudan WordPress'e eklemeyi gerektirir, bu nedenle bunu yalnızca kod düzenlemeye aşina olanlara öneririz.

Bu bölümde, herkesin WordPress bloguna kod eklemesini kolaylaştıran WPCode eklentisini kullanacağız.

Ancak önce, Meta for Developers web sitesindeki 'Beğen Düğmesi' sayfasına gitmeniz ve 'Beğen Düğmesi Yapılandırıcısı' bölümüne kadar kaydırmanız gerekecek.

Facebook geliştirici sitesinden kod alın

Ardından, 'Beğenilecek URL' alanına Facebook sayfanızın URL'sini girin. Bu, Facebook Beğeni düğmesini sayfanıza bağlayacaktır.

Bundan sonra, Beğen düğmesi düzenini ve boyutunu seçmek için yapılandırmayı kullanmanız yeterlidir. Ayrıca Beğen düğmesinin bir önizlemesini de alacaksınız.

Önizlemeden memnun kaldığınızda, 'Kodu Al' düğmesine tıklayın. Bu, 'JavaScript SDK' sekmesi altında iki kod parçacığı gösteren bir açılır pencere getirecektir.

SDK kodunu kopyalayın

Bu kod parçacıklarını doğrudan WordPress temanıza eklemenin web sitenizi bozabileceğini lütfen unutmayın. Ayrıca, temayı güncellediğinizde üzerine yazılacaktır.

Bu nedenle WPCode eklentisini kullanmanızı öneririz. Bu eklenti, tema dosyalarınızı düzenlemeden kod parçacıklarını web sitenize yapıştırmanıza ve özel kodları kolayca yönetmenize olanak tanır. Bu, WordPress sitenizi bozma riskinden kaçınmanıza yardımcı olur.

WPCode'un ana sayfası

Ayrıca, özelleştirmeleri sorunsuz ve verimli bir şekilde yönetmek için marka sitelerimizde WPCode'a güvendik. Bu konudaki deneyimimiz hakkında daha fazla bilgi için tam WPCode incelememize göz atabilirsiniz.

Başlamak için WPCode ücretsiz eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

📝 Not: WPCode'un ücretsiz sürümü, burada kullanacağımız özel kod parçacıkları eklemenize olanak tanır. Ancak, WPCode Pro'ya yükseltmek, tam revizyon geçmişi ve kodunuzu zamanlama yeteneği gibi ek özelliklerin kilidini açar.

Etkinleştirdikten sonra, WordPress kontrol panelinizden Kod Parçacıkları » Üst ve Alt Bilgi'ye gidebilirsiniz.

Ardından, ilk kod parçasını kopyalamanız ve WordPress temanızın header.php dosyasındaki <body> etiketinden hemen sonra eklemeniz gerekecektir. Kodu kopyalayıp ‘Body’ bölümüne girmeniz yeterlidir.

Bu işlemi tamamladıktan sonra, ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

İlk kodu başlık bölümüne ekleyin

Ardından, Facebook Beğeni düğmesini görüntülemek için ikinci kod parçasını kopyalayıp WordPress sitenize yapıştırmanız gerekecek.

Bunu yapmak için WordPress yönetici panelinizden Kod Parçacıkları » Kod Parçacığı Ekle bölümüne gidebilirsiniz. Veya WPCode kontrol panelindeki ‘Yeni Ekle’ düğmesine tıklamanız yeterlidir.

WPCode'da 'Yeni Parça Ekle'ye Tıklayın

Bir sonraki ekranda, WPCode size önceden oluşturulmuş kütüphaneden bir parçacık seçmenize veya yeni özel bir kod eklemenize olanak tanıyacaktır.

'Özel Kodunuzu Ekle (Yeni Parçacık)' seçeneğini seçin ve 'Parçacığı Kullan' düğmesine tıklayın.

WPCode'a özel kod ekleyin

Bundan sonra, özel kodunuza bir ad verebilir ve 'Kod Önizleme' bölümünün altına ikinci kod parçacığını girebilirsiniz.

Kod türü açılır menüsüne tıklayıp kod türü olarak 'HTML Parçacığı'nı seçtiğinizden emin olun.

İkinci kodu girin ve kod türünü seçin

Ardından, ‘Ekleme’ bölümüne aşağı kaydırabilir ve Facebook Beğeni düğmesinin görünmesini istediğiniz yeri seçebilirsiniz.

Örneğin, içeriğin önüne görünmesini istediğinizi varsayalım.

'Konum' açılır menüsüne tıklayın ve 'Sayfa, Gönderi, Özel Gönderi Türleri' altında 'İçerikten Önce Ekle' seçeneğini belirleyin.

Beğeni düğmesinin konumunu seçin

İşiniz bittiğinde, 'Parçacığı Kaydet' düğmesine tıklayabilirsiniz.

Ayrıca geçiş düğmesine tıklamanız ve onu 'Etkin Değil'den 'Etkin'e geçirmeniz gerekecek.

WPCode kod parçacığını kaydet ve etkinleştir

İşte bu kadar. Kodu girdikten sonra web sitenizde bir Facebook Beğen düğmesi görünecektir.

Bonus İpucu: Açık Grafik Meta Veri Nedir ve WordPress'e Nasıl Eklenir?

Open Graph, Facebook'un WordPress sitenizdeki bir sayfa veya yazı hakkındaki bilgileri toplamasında yardımcı olan meta verilerdir. Bu veriler küçük resim, yazı/sayfa başlığı, açıklama ve yazar bilgilerini içerir.

Facebook, başlık ve açıklama alanlarını getirme konusunda oldukça akıllıdır. Ancak, gönderiniz birden fazla resim içeriyorsa, paylaşıldığında bazen yanlış bir küçük resim gösterebilir.

Zaten All in One SEO (AIOSEO) eklentisini kullanıyorsanız, bu kolayca düzeltilebilir.

WPBeginner olarak, Facebook ve X için OpenGraph ayarlarını yönetmek üzere diğer SEO çabalarımızın yanı sıra AIOSEO eklentisini kullanıyoruz. Buna büyük bir hayranız ve daha fazla ayrıntı için kapsamlı AIOSEO incelememize bakabilirsiniz.

Bunu yapmak için öncelikle Hepsi Bir Arada SEO » Sosyal Ağlar bölümüne gidip Facebook sekmesine geçebilirsiniz.

Ardından, makalenizde bir açık grafik resmi yoksa 'Varsayılan Gönderi Facebook Resmi'ni ayarlamak için 'Resim Yükle veya Seç' düğmesine tıklayın.

Varsayılan Facebook resmini yükle

Bunun yanı sıra, her bir gönderi veya sayfa için bir açık grafik görüntüsü de yapılandırabilirsiniz.

Bir gönderiyi düzenlerken, içerik düzenleyicisindeki AIOSEO Ayarları bölümüne aşağı kaydırın. Ardından, ‘Sosyal’ sekmesine geçebilir ve küçük resminizin önizlemesini görebilirsiniz.

AIOSEO Sosyal sekmesi

Şimdi, 'Resim Kaynağı' seçeneğine aşağı kaydırmanız gerekecek. Ardından, gönderiniz için bir açık grafik resmi seçin.

Örneğin, bir açık grafik küçük resmi olarak kullanılacak 'Ekli Görüntü', 'İçerikteki İlk Görüntü' veya 'Özel Görüntü' seçebilirsiniz.

Açık grafik için resim kaynağı

Daha fazla ayrıntı ve açık grafik meta verileri eklemenin alternatif yolları için, WordPress temalarına Facebook Open Graph meta verilerinin nasıl ekleneceği konusundaki kılavuzumuza bakmaktan çekinmeyin.

Ek Kaynaklar: WordPress Web Siteleri İçin Daha Fazla Sosyal Medya Kılavuzu

Bu makalenin WordPress'te bir Facebook Beğeni düğmesi eklemeyi öğrenmenize yardımcı olduğunu umuyoruz. Ardından, aşağıdaki kılavuzlarımıza da bakmak 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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

177 CommentsLeave a Reply

  1. WordPress siteme bir Facebook Beğen düğmesi eklemek istiyordum ve bu yazı bunu inanılmaz derecede kolaylaştırdı. Basit kısa kod ve daha gelişmiş eklenti yaklaşımı dahil olmak üzere birden fazla yöntem sunduğunuzu seviyorum. Adım adım talimatlarınız ve ekran görüntüleri son derece net ve düğmenin görünümünü özelleştirme konusundaki ek ipuçlarınız için minnettarım. Sosyal etkileşimimi artırmama ve kitlemle bağlantı kurmama yardım ettiğiniz için teşekkürler!

  2. wp-like-button'ı blog sayfalarıma ekledim ve talimatlara göre yapılandırdım. Beğeni sayacı artıyor, bu da okuyucuların düğmeye tıkladığını bildiğimi gösteriyor, ancak bu okuyucuların isimlerini nerede bulabilirim ki onlarla iletişime geçebileyim?

  3. Hi Wp Beginner :)

    Tüm harika makaleler için teşekkür etmek istedim!
    Bana şimdiden çok yardımcı oldular, anlaşılması kolay... Sevdim!

    Cheers guys, keep on doing like you do :)

  4. Herkese merhaba.
    Blog Bank Wordpress temasını kullanıyorum ve bu tema güzelce oluşturulmuş Facebook, Twitter, Google+ ve LinkedIn düğmelerine sahip ancak bunları istediğim gibi çalıştıramıyorum (ilgili sosyal sitalarıma bakın). Bunu yapmanın bir yolu olup olmadığını öğrenmek istiyorum.
    Biz acemiler için sürekli yaptığınız harika iş için teşekkür ederim.

    • Bu sorun için temanızın desteğiyle iletişime geçmelisiniz ve bu sorunun temasından kaynaklanan bir hata olup olmadığını veya sorunu çözmenin bir yolu olup olmadığını size bildirebilmelidirler.

      Yönetici

  5. Lütfen yönetici, wordpress blogumda başlık ve altbilgi eklentisini kullanıyorum. Kodu altbilgiye ekledim ve blogumun alt ucunda beğeni düğmesini gösteriyor. Lütfen her gönderiden hemen sonra görünecek şekilde nasıl ekleyebilirim. Teşekkürler

  6. I am unable to make the plugin work on Archives :( It works perfectly fine on Single Posts.

    Yardımınız çok şey ifade eder

  7. “URL alanını boş bırakabilirsiniz, çünkü URL'yi WordPress'te dinamik olarak dolduracağız.” dediniz

    Makalenin daha sonra URL'yi dinamik olarak doldurmak için hangi kodu ekleyeceğini söylemesini bekliyordum.

    data-href'i boş bırakırsak ve başka bir işlem gerekmezse URL dinamik olarak dolar mı?

  8. Gönderi meta verilerinde facebook beğeni sayılarını nasıl gösteririm.
    Şöyle: Admin tarafından Teknoloji'de Tarih tarihinde yayınlandı | 2 yorum | 5 Beğeni

  9. Şimdilik her şey yolunda, bu işe yarıyor.
    Ama düğmeye basar basmaz o açılır pencereden nasıl kurtulabilirim.

  10. Wordpress kullanarak kar amacı gütmeyen kişisel bir web sitesi kurdum, blog yerine. Çok sınırlı web bilgimle bunu yapabilmem beni çok etkiledi. Bir Facebook beğen düğmesi eklemek istiyorum ama talimatlarınız ana sayfam için çalışmıyor?
    Teşekkürler Len

  11. TEŞEKKÜRLER. Bu harika çalıştı. Bunu sadece bir gönderi yerine bir sayfada nasıl yapabileceğime dair bir fikriniz var mı? Teşekkürler!!! Burası benim yeni favori sitem!

  12. Merhaba,

    Bu ders bana Çince gibi geldi. Yeni başlayanların sahip olmadığı belirli bilgilere dayanan kelimeler kullanıyorsunuz.
    "Önce temanızın klasöründeki single.php dosyasını açın. Ardından aşağıdaki kodu gönderi döngünüzün içine yapıştırın:"
    Bu ne anlama geliyor?
    Gönderilerinizi kısa tuttuğunuzu anlıyorum ama çoğu zaman gerçekten çok kısa oluyorlar!
    Teşekkürler

  13. Merhaba,

    soru, FB beğeniyi Google +1 ve diğer düğmelerle, sizin yaptığınız gibi nasıl satır içi yaparım?

    Teşekkürler,
    Mark

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.