Paylaşım iletişim kutusu, kişilere bireysel bir hikayeyi zaman çizelgesine, bir arkadaşın zaman çizelgesine, bir gruba veya Messenger’daki özel bir mesaja yayınlama olanağı verir. Bu Facebook Girişini veya genişletilmiş izinleri gerektirmez, bu nedenle web’de paylaşmayı etkinleştirmenin en kolay yoludur.
Facebook ile paylaş penceresini kullanmak için JavaScript SDK’sını sayfamıza eklememiz gerekir. Buraya tıklayarak JavaScript SDK ekleme makalesine bakabilirsiniz
FB.ui fonksiyonunu kullanarak basit bir şekilde istediğimiz linki href: değeri belirterek paylaşabiliriz.
FB.ui( { method: 'share', href: 'https://developers.facebook.com/docs/' }, function(response){});
Şimdi bu fonksiyonu tetikleyecek bir buton yapalım.
<div id="shareBtn">Paylaş</div>
<script>
document.getElementById('shareBtn').onclick = function() {
FB.ui({
method: 'share',
display: 'popup',
href: 'https://www.apikutuphanesi.com',
}, function(response){});
}
</script>
Bu şekilde kolaylıkla linkini verdiğimiz bir sayfayı,yazıyı paylaşabiliriz.
Paylaşım parametreleri
| Parametre | Açıklama | Varsayılan |
|---|---|---|
href |
Paylaşılacak olan web site linki | Tanımlanan URL |
hashtag |
etiket örneğin #tatil | null |
quote |
Bir makaledeki bir çekme teklifinde olduğu gibi, kullanıcı tarafından vurgulanan ya da geliştirici tarafından önceden tanımlanmış olan bağlantıyla birlikte paylaşılacak bir alıntı.
Bu parametre Facebook URL’leri için mevcut değildir. |
null |
mobile_iframe |
rue olarak ayarlanırsa, paylaşım düğmesi web sitenizin en üstünde bir iframe içinde paylaşım iletişim kutusunu açar Mobil Web Paylaşımı İletişim Kutusu. Bu seçenek yalnızca masaüstü değil, mobil cihazlar için kullanılabilir. | false |
Eğer paylaş butonuna tıkladığınızda aşağıdaki gibi bir hata ile karşılaşıyorsanız. Facebook api pencerinizde sağ taraftaki Settings > Basic menusune tıklayın
Add Platform diyerek Web site seçip buraya sayfa linkini veriyoruz. Aynı şekilde yine bu sayfada bulunan App Domains alanınıda dolduruyoruz. Benim paylaş sayfam localhostun içerisinde olduğu için bu yolu web site urli olarak verdim ve App Domains alanına da localhost diyerek kaydettim. Sonrasında uyarımız giderilmiş oluyor.
