簡體   English   中英

Facebook在Facebook內部共享,顯示og:title和og:iframe的圖片

[英]Facebook share inside facebook showing og:title & og:image of the iframe

我在客戶端網站(yy.com)上放置了一個iFrame(xx.com),該iFrame有一個Facebook共享,應該重定向到該客戶端站點(yy.com)。 問題出在og:image和og:title上,因為我將它們放在xx.com中。bcz我無法訪問yy.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
}
?>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM