如何显示Facebook共享小部件的标题,描述和图像

时间:2014-04-07 07:08:47

标签: javascript php

因为我是facebook apis的新手,在我的网站上使用facebook share widget。它工作正常但现在我希望我的共享小部件在用户点击我网站中的视频小部件时发布特定视频的描述和拇指图像。目前它正在发布标题,链接(动态)和图像(显示相应页面的所有图像)。但我想只显示该视频的特定拇指图像,而不是所有图像。请帮我解决这个问题。我已经浏览了facebook meta标签og:' title',og:' description'和og:'图像'。但它们都没有奏效......

这是我网站的链接:

http://www.reportershub.com/profile/john_raj

这是我的代码..

<div id="fb-root"></div>
<html xmlns:fb="http://ogp.me/ns/fb#">



<fb:share-button href="http://<?php echo $_SERVER['SERVER_NAME']; ?>/tvnews/<?php echo $videos[0]['indexer']; ?>/<?php echo empty($videos[0]['title_seo']) ? $videos[0]['title'] : $videos[0]['title_seo']?>/success/videos/news" type="box_count"></fb:share-button>



<script>
                  window.fbAsyncInit = function() {
                    FB.init({
                      appId      : '',
                      //status     : true,
                      xfbml      : true
                    });`enter code here`
                  };

                  (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/en_US/all.js";
                     fjs.parentNode.insertBefore(js, fjs);
                   }(document, 'script', 'facebook-jssdk'));
                </script>

2 个答案:

答案 0 :(得分:0)

您也可以使用facebook sharer link -

代替meta

http://www.facebook.com/sharer.php?s=100&p[title]=titleheresexily&p[url]=http://www.mysexyurl.com&p[summary]=mysexysummaryhere&p[images][0]=http://www.urltoyoursexyimage.com

答案 1 :(得分:0)

建议使用Open Graph(OG),并在Facebook,Twitter,linkedin和列表等社交网站上广泛使用...

下面是Facebook OG meta的代码

<!-- for Facebook -->          
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

以下链接将帮助您进一步调试元

Debugger

如何使用OG标签的示例,

Tutorial/Refernce

关于OG协议

ABOUT OG