Facebook与目标网址共享图像

时间:2015-04-14 11:37:38

标签: javascript facebook image

我目前正在Facebook上发布一个"分享"功能,但我不知道是否可能。 用户应该在网页上有一个共享按钮,但是如果没有该按钮,他就不会共享他共享图像的页面。

当其他用户在Facebook上看到图片并点击它时,他应该被重定向到我可以选择的网址。

我无法简单地共享整个网站并使用开放图形标记,因为共享按钮所在的页面位于网站的私有区域,只能在您登录时访问。

这一切都必须通过客户端的javascript来完成。 对我来说完美的解决方案就是如果我可以使用......像

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

<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图像。所以在目标网址中你需要这一行:

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