如何在网页上为网页上的每篇文章单独添加Facebook分享按钮

时间:2014-05-10 16:35:44

标签: javascript html facebook

我正在制作一个网站,并且有一个网页,其中包含近十篇文章。

我想为每篇文章添加Facebook共享按钮。我为所有文章添加了以下代码

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

但这只是该文章的网址。我也希望传递描述和图像网址。

我知道可以使用Open Graph完成,但我如何为所有文章做到这一点。

有没有办法动态提取描述和图片链接?

由于

1 个答案:

答案 0 :(得分:2)

根据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:.....”的区域,您需要单独替换要分享的文章的网址。或者,如果您能够,您可以将其自定义为PHP页面,只需重写以始终为您阅读文章页面的URL。