R K*_*R K 7 php wordpress facebook meta-tags
我正在尝试将动态Facebook og元标记添加到我的Wordpress网站.我将它们添加到single.php而不是通常推荐的functions.php文件,因为我的代码低于我创建的Facebook应用程序,每次有人查看单个博客帖子时都需要执行,因为它会发布到他们的Facebook时间表,他们已经读过那篇特定的帖子.我不想使用插件,因为我的一些插件过去常常相互冲突,弄清楚它是一团糟.我最大的问题是,我需要的og:url标签是动态的,虽然og:title,og:description,og:image等应为好.这是我在single.php文件顶部的代码:
编辑:这是我现在使用的工作代码.感谢每个人的帮助:
<?php
$params = array();
if(count($_GET) > 0) {
$params = $_GET;
} else {
$params = $_POST;
}
// defaults
if($params['type'] == "") $params['type'] = "picture";
if($params['locale'] == "") $params['locale'] = "en_US";
if($params['description'] == "") $params['description'] = "Visit Internet LOLs for the funniest humor on the web! :)";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# internetlolsapp: http://ogp.me/ns/fb/internetlolsapp#">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!-- Open Graph meta tags -->
<meta property="fb:app_id" content="378076268920252" />
<meta property="og:site_name" content="meta site name"/>
<meta property="og:url" content="<?php echo 'http://internetlols.com'.$_SERVER['REQUEST_URI']; ?>"/>
<meta property="og:type" content="internetlolsapp:<?php echo $params['type']; ?>"/>
<meta property="og:description" content="<?php echo $params['description']; ?>"/>
</head>
</html>
<script type="text/javascript">
function postView()
{
FB.api(
'/me/internetlolsapp:view',
'post',
{ picture: '<?php echo 'http://internetlols.com'.$_SERVER['REQUEST_URI']; ?>' },
function(response) {
if (!response) {
// FAIL GRACEFULLY alert('Error occurred : No Response');
} else if (response.error) {
// FAIL GRACEFULLY alert('Error occurred : ' + response.error);
} else {
// SUCCESS alert('View was successful! Action ID: ' + response.id);
}
});
}
</script>
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '378076268920252', // App ID
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
</body>
<body onload='postView()'>
</html>
我正在尝试按照这里的代码:动态生成Facebook Open Graph元标记 ,每当我阅读博客文章时它都会发布到我的Facebook时间线,但是对于标题,它当然会发布"默认标题",当我点击"默认标题"在我的Facebook时间轴上的链接,它将我发送到single.php的URL,在URL的末尾有一堆废话
http://MYSITE.com/wp-content/themes/twentyeleven/single.php?fb_action_ids=10151048340001514&fb_action_types=internetlolsapp%3Aview&fb_source=other_multiline
而不是博客文章URL.我想知道它是否与我在"FB.api"之后放在第3行的URL有关,但是我尝试放在那里的任何其他内容都阻止了应用程序在我的Facebook时间轴上发布任何内容一篇博文.
任何想法如何解决这一问题？我已经把头发拉了好几天了.非常感激任何的帮助!提前致谢.
使用 Wordpress，您不需要通过$_GET或传递此信息$_POST。WordPress 为您提供了这一切。
我可以理解您不想使用插件的愿望，但其中一些插件（例如 Wordpress SEO 或官方 Facebook）可以为您添加此功能，让您的生活变得更加轻松。如果没有，找一个简单的，把它拆开看看他们在做什么。
如果您确实想推出自己的，则应该使用模板标签设置标题。您可以通过the_title()函数检索帖子标题。对于您正在寻找的其他元数据点，还有其他内容。
最后一点：您的og:image文件每边至少需要 50 像素，否则 Facebook 将不会显示它。就像您尝试使用的一样，Favicon 几乎总是太小。有关完整图像规格，请参阅此页。
| 归档时间： |
|
| 查看次数： |
6789 次 |
| 最近记录： |