Websitesi için Facebook Paylaş Butonu Hazırlama
Selam Arkadaşlar,
Bugün sizlerle yeni bir bilgi paylaşacağım, aşağıdaki link üzerinden işlemlerime başlayabiliriz.
https://developers.facebook.com/docs/plugins/share-button/
Facebook paylaş butonu eklemek istediğiniz web sayfasının URL adresini kopyalayınız.
Sayfa üzerindeki URL to Share alanına yapıştırın. Buton için layout ve size özelliklerini yapıyoruz.
Get Code butonuna tıklıyoruz.
Aşağıdaki pencere açılıyor, buradan JavaScript SDK kodlarını sırasıyla body içine ekliyoruz.
Aşağıdaki meta taglari sayfamızın Head alanına ekliyoruz.
<meta property="og:url" content="http://blog.iyikiuskudarvar.com/mekan-insan" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Mekan - İnsan" />
<meta property="og:description" content="Bir hikâyeye göre günbatımında evleri karşı yakadan yaldızlı gibi göründüğü için Üsküdar’a ‟Altın Şehir” denmişti." />
<meta property="og:image" content="http://blog.iyikiuskudarvar.com/images/mekaninsan/iyilige-davet-kapak.jpg "/>
Örnek Sayfanın Kodları
<html>
<head>
<title>Your Website Title</title>
<!-- You can use Open Graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="http://blog.iyikiuskudarvar.com/mekan-insan" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Mekan - İnsan" />
<meta property="og:description" content="Bir hikâyeye göre günbatımında evleri karşı yakadan yaldızlı gibi göründüğü için Üsküdar’a ‟Altın Şehir” denmişti." />
<meta property="og:image" content="http://blog.iyikiuskudarvar.com/images/mekaninsan/iyilige-davet-kapak.jpg "/>
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/tr_TR/sdk.js#xfbml=1&version=v2.10';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your share button code -->
<div class="fb-share-button" data-href="http://blog.iyikiuskudarvar.com/mekan-insan" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fblog.iyikiuskudarvar.com%2Fmekan-insan&src=sdkpreparse">Paylaş</a></div>
</body>
</html>
