Paylaş Penceresi

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.

 

Bir Cevap Yazın

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