如何為網頁上的每個文章分別在網頁上添加Facebook分享按鈕

Question

我正在制作一個網站，並且有一個網頁，其中包含將近十篇文章。

我想為每篇文章添加Facebook分享按鈕。 我為所有文章添加了以下代碼

<a href="http://www.facebook.com/sharer.php?u=http://www.simplesharebuttons.com" target="_blank">

但這僅共享該文章的網址。 我也想通過描述和圖像URL。

我知道可以使用Open Graph來完成，但是如何在所有文章中做到這一點。

有沒有一種方法可以動態提取描述和圖像鏈接？

謝謝

Answer 1

根據https://developers.facebook.com/docs/plugins/share-button

您需要做的就是獲取他們提供的代碼（即HTML5），並將其放在body標簽之后。 然后，該插件的代碼（即fb-share-button）可以放在顯示每個文章的頁面上。

對於插件部分：

<div class="fb-share-button" data-href="http://www.google.com" data-type="button_count"></div>

顯示dara-href =“ http：.....”的區域，您將需要分別用您要共享的文章的URL替換。 或者，如果可以的話，可以將其自定義為PHP頁面，然后重寫以始終為您閱讀文章頁面的URL。