JavaScript Facebook共享选项

Question

我有一项任务是用社交网络制作东西。

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

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

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

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

Answer 1

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

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

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

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

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

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

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