Günümüzde bir çok sitede mevcut olan ve seo için önemli olan paylaş butonlardan facebook paylaş butonunu anlatacağım bu derste.Daha önce tiwitter ve google +1 i anlatmıştım.Aşağıdaki linklerden ulaşabilirsiniz.
http://ustaderslik.com/konu/Google_ARTI_1_%C4%B0%C5%9Flevi_ve_Sitemize_Ekleme
http://ustaderslik.com/konu/Twitter_Payla%C5%9F_ve_Takip_et_Butonlar%C4%B1n%C4%B1_Sitemize_koyma
Şimdi facebook paylaş butonu nasıl yaparız ona bakalım.Aslında çok kolay.2 yöntemimiz mevcut.
1-Sekmede Açmak
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank">
Facebookta paylaş
</a>
Bu kodu sayfamıza yapıştırdığımızda Facebookta paylaş tıkladığımızda yeni sekmede paylaş alanı gelecek ordan paylaş diyerekde konuyu facemize göndermiş oluruz.
2-Yeni Pencere de Açmak
<a href="#"
onclick="
window.open(
'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
'facebook-share-dialog',
'width=626,height=436');
return false;">
Facebookta paylaş
</a>
Bu kodu sayfamıza koyduğumuzda Facebookta paylaş a basarsak küçük bir pencere açılır ve ordan paylaş a basarak hemen paylaşabiliriz.
Facebookta paylaş yazısı yerine resim veya istediğiniz her türlü şeyi koyabilirsiniz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
</head>
<body>
<a href="#"
onclick="
window.open(
'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
'facebook-share-dialog',
'width=626,height=436');
return false;">
<img src="facebook.png" width="100" height="25" />
</a>
</body>
</html>
Görüntüsü :
Sayfamızda bu resme tıkladığımızda paylaş sayfası yeni sekmede gelecektir.
İndir : http://ustaderslik.com/dosya/facebook-payla%C5%9F.rar
UstaDerslik
