Facebook Beğen düğmesi nasıl eklenir?

Facebook beğen (like) düğmesini sitenize eklemek isteyebilirsiniz. Böylece çok daha kolay bir şekilde yazılarınızın tanıtımını yapabilirsiniz. Facebook beğen tuşunu eklemek için bize yol gösteriyor. Yapmamız gereken şey Facebook Developer sayfasında yer alan Like Button sayfasını ziyaret etmek.

Sayfayı ziyaret ettiğimizde bizi aşağıdaki gibi bir görüntü karşılayacak. Tek tek bunların ne olduğunu açıklayacak olursak.

URL to Like: Hangi sayfa için beğen düğmesi oluşturacağız buraya bunu yazıyoruz. Anasayfa için ben http://pdfdergi.com adresini yazdım. Eğer tüm yazılarınızda ilgili yazı için beğen düğmesinin çıkmasını istiyorsanız bunun nasıl yapılacağını da yazının sonunda bulacaksınız.

Layout Style: standart ve Button count diye iki seçenek var. Eğer standartı seçerseniz Beğen düğmesinin yanında bir de (Arkadaşların arasında bunu beğenen ilk kişi ol.) eğer daha önce beğenen varsa (Bunu bir kişi beğendi. Arkadaşların arasında ilk sen beğen.) gibi bir yazı çıkar.

button count’ u seçerseniz sadece beğen düğmesi ve kaç kişinin beğendiği bilgisi yer alır.

Show faces: işaretli olursa yazıyı beğenenlerin profil resimleri beğen düğmesinin altında yer alır.

Width: Beğen düğmesinin genişliğini buradan belirtebilirsiniz.

verb to display: beğen yada tavsiye et, seçim sizin

Font: seçim yapabileceğiniz birden fazla font bulunuyor.

Color schema: düğmenin farklı stilleri mevcut size uygun olanı seçin.

Son olarak get code düğmesine basın.

facebook-begen-dugmesi

iki farklı kod verdi bunlardan ilki iframe olan.

Yukarıdaki kod http://pdfdergi.com web sitesinin anasayfası için geçerli. Eğer biz tüm yazılarımız için otomatik olarak bir kod oluşturmak istiyorsak bunu bu yukarıdaki kodda küçük bir değişiklik yaparak sağlayabiliriz. Yapmamız gereken şey http://pdfdergi.com’ u refere eden yere şu php kodunu eklemek

Kodumuzun son hali şu: bu kodu web siteniz için kullanabilirsiniz.

iframe kodunu sayfanızın neresinde görüntülemek istiyorsanız oraya ekleyebilirsiniz.

Eğer iframe bana yeter diyorsanız yazının kalan bölümünü okumanıza gerek yok.

Sonraki kodumuz daha fazla esneklik sağlayan XFBML kodu. bu kod daha esnek ve kullanışlı ancak JavaScript SDK’ sı gerektiriyor. Yukarıdaki kodu hiç işin içine katmadan aşağıdaki kodları sitenize uygularsanız beğen düğmesinin yanı sıra ilgili yazıya yorum ekleyebilecekleri bir kutucukta açılacaktır.

pdfdergi.com anasayfası için xfbml kodu şu şekilde

Ama biz tüm sayfalarda yazılara ait beğen düğmesini kullanmak istiyoruz, o yüzden kodumuz şöyle olmalı:

Yukarıda yer alan XFBML kodunun sitemizde düzgün olarak çalışması için http://developers.facebook.com/setup/ adresine giderek web sitemiz için bir uygulama kaydı oluşturmamız gerekiyor. Burada yer alan site URL yazan yere blogunuzun tam adresini yazın. Gelen kod bloğunun şu kısmını kopyalayıp temanızın footer dosyasında /body etiketinden önce yapıştırın.

Yorum yapın

“Facebook Beğen düğmesi nasıl eklenir?” üzerine 72 yorum

  1. merhaba, ben facebook sayfam için like buttonu almak istiyorum ve bunu başka face sayfamında kullanmak istiyorum. bunu nasıl yapabilirim yardımcı olabilir misiniz.yani face “hayran” sayfasındaki fbml yada benzer bir yerden.

  4. @samet
    açıkça diyorki site url adresinizin sonuna / yada ? ekleyin .. buradaki amaç site adresinin sonunu tam belirlemek ve dinamik kısmın hangi şekilde çalıştığını tespit etmek

  5. Geri izleme: Facebook Beğen düğmesi nasıl eklenir? « Zeki Günay

  6. merhaba.. benim sorunum kayıt olmada.. http://developers.facebook.com/setup/ adresine gittim sayfa üstteki kutucuğa sayfa adını alttaki kutucuğa da sayfanın URL sini yazdm ama kabul etmiyor kırmızı kutucuk içerisinde şu yazıyor = URL must point to a directory (i.e., end with a ‘/’) or a dynamic page (i.e., have a ‘?’). lütfen yardımcı olun.. cevabınızı bana profilimden msj yoluyla iletirseniz sevinirim

    >> http://www.facebook.com/By.JacqsoN

  8. @Sedat
    Sedat kardeş her sayfa için beğen kodunu eklemek için yukarıdaki 2. kodu yani şu kodu

    alarak ilk kodda gördüğün pdfdergi.com u refere eden yere yapıştırmak.Kod üzerinde gösterirsek.

    Üstteki kodda “href=” den sonraki yere yani bu kodun yerinw(http%3A%2F%2Fpdfdergi.com%2F) aşağıdaki phb kodunu eklemek.

    son hali ise şöyle olacak.

    <iframe src="http://www.facebook.com/plugins/like.php?href=&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”>

    umarım yardımcı olur.

  9. Çok teşekkürler güzel anlatım.Anlattığınız gibi yaptım ve bütün tekil sayfalar için ayrı ayrı beğen butonu ekledim.Tekrar teşekkürler…

  10. Merhaba… WordPress Blog vs için anlatılmış Hep Her Sayfa İçin Begen Kodunu Nasıl Bulabilirim Ana Sayfayı Yapabiliyorum Fakat Her Sayfa İçin Begen Kodunu Nasıl yapabiliriz sizin verdiginiz her sayfa için begen kodu wp için.

  12. sorumun cevabını dark-light alternatifi yeterli ölçüde çözdü. teşekkürler.
    önemli bir sorum asp site için bu kodu ne kullanmalıyız?

  13. 60 people like this. Be the first of your friends. – bu yazı rengini nasıl değiştirebiliriz?

  14. Tekrar Merhaba Yaptımız Uygulama sadece Mozilla Firefox cıkıyor Internet Explorer cıkmıyor hata bendemi anlayamadım ?

  15. Merhaba Burda Yapmış Oldumuz Uygulamayı aynen yaptım gayatde sorunsuz calışıyor ama şöyle bişey sorucam bu uygulamayı yapınca bana hayran sayfası gibi uygulama sayfası actı ama benim hayran sayfam var onu buna nasıl ekleye bilirim veya böyle bişey varmı bide facebook.com/isim bunu nasıl yapa bilirim bende yazdımda hayran sayfası yerine profil sayfam cıkıyor hayran sayfası cıkması için napa bilirim iyi calışmalar

  16. yalnız XFBML kodu IE8 de çalışmıyor. Onun için ben sitemde iFrame kodunu kullanmak zorunda kaldım. Ama onda da türkçe karakter sorunu çıkıyor… Anlamadım nasıl çözecem…

  20. Ben facebooktaki videoların üzerinde mouse i video üstüne getirince beliren sayfa beğenme butonunun nasıl eklendiğini merak ediyorum. Şimdiden teşekkür ederim.

  21. Selam
    Bu yapıyı herhangi bir mailing in içerisine eklemek ne şekilde mümkündür bilgin varsa paylaşırsan sevinirm

  22. merhaba
    benim soracagım bu beğen tusuyla begenenleri nerde göreceğiz bize sadece sayı veriyor bu yazıyı 10 kişi begendi diye ama ben tum sitem için her sayfada bulunan begen tusuyla begenenlerin listesini görmek istiyorum böyle bişey varmı teşekkürler
    kolay gelsin

  23. Geri izleme: Facebook “Beğen” Düğmesini Sitenize Ekleyin! |