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.
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.
teşekkür ederim güzeldi ve siteme ekledim.
slm
ilkim :p dersimö
Açıklaman İçin çok Teşekkürler Ama Ben Beceremedim 2 saattir ugrasıyorum ama yapamıyorum…
kodu benim sitemde olmuyor nasıl yapabilirim? html mi olmalı
admin ben sana sayfamı ve websitemi vereyim sen bana yaparmısın lütfen
merhaba,
beğen butonunu yaptım ancak firefox ve ie uyuşmazlığı oluyor.Birinde gözüküyor diğerinde gözükmüyor.Ayrıca beğen dediğim zaman facebook profil sayfamda başlık ve altında url çıkıyor url yanısıra içerikte nasıl gösterilebilir ?
arkadaşlar çok teşekkur ederim bu yararlı bilgi için.
Bİ SORUM VAR BU KODLARI NEREYE YAPISTIECAZ ??*
mükemmel anlatım
Bilgi için teşekkürler çok güzel anlatımlı.
Hocam yha hepsini yaptım ve iframa kodunuda aldım demişsin iframe kodunu sayfanızın neresinde görüntülemek istiyorsanız oraya ekleyebilirsiniz. bunu nasıl ekleyeceğiz ve neresine ekleyeceğiz biraz daha açarmısınız lütfen ya
Anlatım için teşekkür ederim.
Selam anlatım icin tşkler.
ben wordpress bloguma “begen” butonu eklemek istedim ama kac gündür ugrasıyorum olmadı bi türlü.
ben kodu css bölümünden eklesem bile kod tekrar siliniyor nedense.
son olarak http://developers.facebook.com/setup/ girmemiz gerektisini yazmıssın.
öncelikle siz bi girin eger dediginiz herhangi bi islem yapılıyorsa bizde gireriz
Gayet güzel açıklanmış bir ders, teşekkürler HOCAM
teşekkürler süper anlatım
saolasında benim faceyi aktive etmiyo tel numaram kayıtlı 😀 die ama oda banladı uhe 😀
süper anlatım sagol
teşekkürler çok işime yaradı .
tmm kodu aldıkta o kodu nereye nsl eklicez ??
çok tşk.
yazın için teşekkürler, işime yaradı..
çok güzedl
ya tamam da sadece beğen butonu istiyorum altında üye listesinin olmadığı şekil!
ben bir alışveriş sitesine bu butonu ekledim fakat internet explorer da bu sayfa güvenli olmayan öğeler içeriyor hatası alıyorum buda müşterilerde korku uyandırabilir acaba hata nerede olabilir yardımcı olabilirmisiniz.