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

它還刷新標簽，如果它們沒有在共享窗口中正確顯示，只需將鏈接再次放入調試器即可。