Question

我试图在我正在处理的网站上添加一个类似facebook的按钮，但我添加的元属性都没有显示出来。

我的html中有以下内容，（不包含相关部分）

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://opengraphprotocol.org/schema/"
      xmlns:fb="http://www.facebook.com/2008/fbml">

<head>
...
<meta property="og:site_name" content="My Site" /> 
<meta property="og:title" content="Some Product"/> 
...
</head>

<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId  : 'MYAPIKEY',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };

  (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script> 
...
...
<fb:like layout="button_count"></fb:like>
...

任何关于我做错事的指示都会非常感激。

Answer 1

我意识到，问题是我在本地计算机上测试机器。一旦我把网站放到网上，它就开始工作了。

Answer 2

相信Facebook页面

http://developers.facebook.com/docs/guides/web

它应该是这样的：

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

Answer 3

您缺少许多必需的开放图表标记。它们被定义为here。至少你正在寻找 -

<meta property="og:title" content="Title of page"/>
<meta property="og:type" content="CONTENT TYPE"/>
<meta property="og:url" content="URL of PAGE"/>
<meta property="og:image" content="URL of IMAGE"/>
<meta property="og:site_name" content="SITE NAME"/>
<meta property="fb:admins" content="USER_ID"/>

Facebook喜欢元问题

3 个答案: