JavaScript Facebook 共享选项

Question

我的任务是利用社交网络创造事物。

据我所知，有两种选择。一种是通过您的动态消息，另一种是通过共享器。在下图中，我展示了两者。
第一个使用对话框/提要，第二个使用 sharer.php。

内容的共享方式有所不同。第一个分享我喜欢的方式，第二个以我不喜欢的方式展示它。

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

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

Answer 1

要使第二个选项看起来像第一个 - 并使用特定图像 - 您必须在共享 URL 中使用 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

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