JavaScript Facebook共享选项

Question

我的任务是用社交网络制作东西。

据我所知，有两种选择。一个是通过您的新闻Feed，另一个是通过Sharer。在下图中，我展示了两者。
第一个使用dialog / feed，第二个使用sharer.php。

内容的共享方式存在差异。第一个分享它我想要它，第二个以我不喜欢的方式显示它。

我不喜欢第二个共享整个页面的事实。我想为页面中的每个图像分享共享图标并共享该特定图标，但不是整个页面。是否可以使共享图标看起来像第二个图像，但共享内容像第一个？应该如何看待Javascript / HTML？

如果您需要我使用的任何代码，请询问。

Answer 1

对于第二个看起来像第一个选项 - 并使用特定图片 - 您必须在共享网址中使用Open Graph标记：http://ogp.me/

我想，第二个选项是使用“sharer.php”。它只是将站点的URL作为参数，其余信息从页面中的Open Graph标签加载。您还可以定义多个共享图标，以便用户在共享之前浏览它们。

例如，如果要显示特定图像，则需要以下标记：

<meta property="og:image" content="http://mydomain.com/myimage.jpg" />

顺便说一下，你总是可以在Facebook调试器中测试Open Graph标签：

  

https://developers.facebook.com/tools/debug

它还会刷新标记，如果它们在共享窗口中没有正确显示，只需将链接再次放入调试器即可。