我在客户端网站(yy.com)放置iFrame (xx.com)， iFrame有一个facebook共享，应该重定向到客户端网站(yy.com)。问题在于og:image &因为我无法访问yy.com，所以我把它们放在xx.com上。共享没有显示我在xx.com中放置的图像和标题。有办法吗?
xx中的代码如下:
<head>
<meta property="og:url" content="yy.com" />
<meta property="og:title" content="title" />
<meta property="og:image" content="image-path" />
</head>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=xxapp-id";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="yy.com" data-type="button_count"></div>
yy.com中的代码如下:
<iframe width="950" height="600" frameborder="0" src="http://xx.com/path-to-file"></iframe>
我找到了一个解决这个问题的方法:
我将分享按钮重定向到xx.com，而不是yy.com，在url中有标题和图像url作为参数，然后在xx.com中，我根据传递的参数设置og:title和og:image，并将用户重定向到yy.com
xx中的分享按钮如下:
<div class="fb-share-button" data-href="xx.com?share_url=yy.com&title=the_title&image=the_image" data-type="button_count"></div>
xx中的重定向代码如下:
<?php
$share_url = $_REQUEST['share_url'];
if(isset($share_url) && $share_url!=''){
$video_title = $_REQUEST['title'];
$video_image = $_REQUEST['image'];
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="<?php echo $video_title ?>" />
<meta property="og:image" content="<?php echo $video_image ?>" />
<meta http-equiv="refresh" content="0; url=<?php echo $share_url ?>" />
</head>
<body>
</body>
</html>
<?php
}
?>