Facebook Beğen Butonu Facebook Like Button W3C Hata Düzeltme
Sitelerinizde bulunan facebook beğen düğmesi ne hikmetse W3C Valid uyumlu değil. Epey bir araştırma yapmama rağmen bu konuda türkçe döküman bulamadım. Bulduğum yabancı kaynaklardaki kodlarda da sorun vardı. Kendim biraz bu kodlar üzerinde oynama yaparak. En sonunda facebook düğmesini w3c uyumlu hale getirdim. ilk olarak şunu söyliyeyim. js. dosyası bir protokol üzerinde çalıştırılmalıdır. Yani protokol diyince hemen korkmayınız. sunucunuzda çalıştırın demek istedim yani. direk masaüstünde bir html dosya yapıp çalıştırmaya kalkarsanız çalışmaz. adres satırında( http:// ) kısmı protokülünüz oluyor. Buna dikkat edelim. Bir ikinci husus ise facebook api id. Bu api id yazmak gerekir. Bu zaten sizin beğen butonunuzda mevcut
Bu kodu kopyalayıp. yeni bir not defterinde facebook.js olarak kaydedelim.
window.fbAsyncInit = function() {
FB.init({appId: ‘135976076476417’, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(‘script’); e.async = true;
e.src = document.location.protocol +’//connect.facebook.net/tr_TR/all.js’;
document.getElementById(‘fb-root’).appendChild(e);
}());
document.write(‘<fb:like href=”‘ + location.href + ‘” layout=”button_count” show_faces=”true” width=”160″ action=”like” font=”lucida grande” colorscheme=”light”></fb:like>’);
Bu kısımda kendi api id mizi yazıyoruz.
FB.init({appId: ‘135976076476417’, status: true, cookie: true,
Eski beğen butonu kodunuzda şu kısım.
http://connect.facebook.net/tr_TR/all.js#appId=135976076476417&xfbml=1
appId=135976076476417 Örneğin bu sizin api id niz oluyor.
Yukarıda js de gösteridğim kısımdaki api id sini kendinize göre düzeltiyorsunuz…
Daha sonra beğen düğmesi olan sayfamızı açıyoruz..
<div id=”fb-root”></div>
<script language=”javascript” type=”text/javascript” src=”facebook.js”></script><br/>
Beğen kodumuzu siliyoruz. ve Bunu yapıştırıyoruz. burada önemli olan. div in yerini değiştirmeyin alta alırsanız çalışmaz.
Javascript ile o bulunan url yi alıp facebook koduyla birlikte bir id alanına oluşturup atıyoruz. Sonuç olarak sitemiz facebook like button W3C Hatası Giderilmiş oluyor
