Facebook與目標網址共享圖像

Question

我目前正在開發“在Facebook上共享”功能，但我不知道是否有可能。 用戶應該在網頁上有一個共享按鈕，但是使用該按鈕，他不共享頁面，而是共享圖像。

當另一個用戶在Facebook上看到該圖像並單擊它時，他應該被重定向到我可以選擇的URL。

我不能簡單地共享整個網站並使用打開的圖形標記，因為共享按鈕所在的頁面位於網站的私有區域，並且只有在登錄后才能訪問。

這整個過程必須通過客戶端的javascript完成。 對我來說，完美的解決方案是我可以使用某物。 喜歡

FB.ui(..., {image: 'path to image', url: 'url to call when image is clicked on fb'},... );

有任何想法嗎？

Answer 1

<a onclick="shareit()">Share on facebook</a>

<script type="text/javascript">
function shareit(){
var url="http://www.example.com"; //Set desired URL here
var img="http://www.example.com/example.jpg"; //Set Desired Image here
var totalurl=encodeURIComponent(url+'?img='+img);

window.open ('http://www.facebook.com/sharer.php?u='+totalurl,'','width=500, height=500, scrollbars=yes, resizable=no');

}
</script>

除了將OG圖像作為查詢字符串傳遞到目標URL之外，在目標URL中，您還需要一個代碼來檢索圖像地址並將其設置為OG圖像。 因此，在目標URL中，您需要以下行：

<meta property="og:image" content="<?php $_GET['img'] ?>">