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

How to add facebook sharing button on a webpage for each articles on a webpage individually

本文关键字：网页单独文章一篇添加 facebook 按钮分享更新时间：2023-09-26

我正在制作一个网站，并有一个包含近十篇文章的网页。

我想为每篇文章添加Facebook分享按钮。我为所有文章

添加了以下代码

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

但是这只共享那篇文章的url。我想传递描述和图像url以及

我知道这可以用Open Graph来完成，但是我该如何对所有的文章都这样做呢?

是否有一种方法来动态拉描述和图像链接?

谢谢

根据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>

显示data -href="http:....."的区域，您需要单独将其替换为您想要共享的文章的URL。或者，如果可以的话，您可以将其自定义为PHP页面，并且只需重写为始终为您读取文章页面的URL。