Facebook Beğen Butonu Facebook Like Button W3C Hata Düzeltme

Genel Erdinç Koç 531 Görüntüleme

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
Facebook Like Button W3C
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

Bir önceki yazımız olan W3C Validator - XHTML - Css Hata Çözümleri Hata Kodları başlıklı makalemizi de okumanızı öneririz.

Sosyal Ağlarda Paylaş

{Erdinç Koç}

Merhabalar Öncelikle Sitemi Ziyaret Ettiğiniz için Öncelikle Teşekkür Ederim. Erdinç KOÇ 26 ARALIK 1986 Pazar Günü Dünyaya Soğuk bir ayda gözlerini açmış masum ailenin ilk çocuğu olarak dünya’ya geldim. Webtasarım ve Linux Konusunda daha çok bilgi edinmek adına bilge adam Kadıköy şubesinde Php – Linux Sistem ve Ağ Uzmanlığı Eğitimleri aldıktan sonra.Kendimi Kendi Alanımda Profesyonel olarak yer aldığım projelerde bulundum. Türkiye’nin önde gelen büyük firmaları ile çalıştım. Hala Çalışmaktayım.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir