例如,我在此页面上使用 Open Graph:
http://www.ideeaddiocelibatoenubilato.it/addio-celibato-napoli.php
这是我页面的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp /DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Addio Celibato Napoli - Idee Addio Celibato E Nubilato -</title>
<meta name="description" content="Addio Celibato Napoli - Per una serata entusiasmante!" />
<meta name="keywords" content="Addio Celibato Napoli" />
<meta property='og:image' content='http://www.ideeaddiocelibatoenubilato.it/Grafica/FacebookOG/addio-celibato-nubilato.png' />
<meta property="og:title" content=" Test OG Titolo " />
<meta property="og:description" content=" Test OG Description" />
当我发布页面链接并采用正确的图像、标题和描述时,它可以在 Facebook Walls 上工作,在调试器上工作:
但是当我或其他人单击它时,它在 Like 按钮上不起作用。在这种情况下,它会获取在页面上找到的第一张图像以及标签的标题和描述,而不是 Open Graph 的。
我想问题出在like按钮上。
首先我导入body标签中的函数:
<div id="fb-root"></div>
<script type="text/javascript">(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/it_IT/all.js#xfbml=1&appId=348639055215607";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
我指定我对我所做的所有 LIKE 按钮使用唯一的应用程序 ID。
然后由于验证,我将like按钮放在javascript的某个地方:
<div id="likeButtonDiv">
</div>
<script type="text/javascript">
contenuto="<fb:like href='http://www.ideeaddiocelibatoenubilato.it/addio-celibato-napoli.php' send='true' layout='button_count' width='100' show_faces='false'></fb:like>";
}
document.getElementById('likeButtonDiv').innerHTML=contenuto;
</script>
这是我在另一个网站tendinosirotulea.it/webmaster.php 中使用的相同程序,它在那里运行良好。