在網頁上加入[用Facebook分享]的按鈕吧! | Facebook Sharing Button

screencapture-facebook-sharer-php-1515488095858

首先附上官方說明頁面
https://developers.facebook.com/docs/sharing/reference/share-dialog
官方頁面裡使用的是Facebook JavaScript SDK
但其實在網頁裡只需要在a標籤的超連結位置裡加入變數就可以了
 
語法結構是這樣:

<a href="https://www.facebook.com/sharer.php?u=要分享的網址&quote=要寫的留言" target="_blank">
<img src="圖片位置" />
</a>

範例:

<a href="https://www.facebook.com/sharer.php?u=http://blog.ja-anything.com/&quote=大家跟我一起用Facebook分享吧!" target="_blank">
<img src="圖片位置" />
<p>Facebook</p>
</a>

上面的語法在頁面上的按鈕會長這樣
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-01-09-17-10-26
結果是這樣
screencapture-facebook-sharer-php-1515488095858
 
要注意的是超連結的後面要寫網址再寫留言喔~
 
相關文章:
在網頁上加入[用Facebook分享]的按鈕吧! | Facebook Sharing Button
在網頁上加入[用line分享]的按鈕吧! | LINE Social Plugins – LINE it button

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *