3

我有 Facebook 推荐按钮的典型 HTML5 实现：

<div id="fb-root"></div>
<script type="javascript">
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    <? if ( $current_language == 'en' ): ?>
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    <? else: ?>
        js.src = "//connect.facebook.net/fr_CA/all.js#xfbml=1";
    <? endif; ?>
    fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>

<div class="share_button facebook" id="facebook">
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="80" data-show-faces="false" data-action="recommend"></div>
</div>

第一次点击，弹出的预览框不显示标题或描述。我在页面顶部有以下信息：测试

<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="Test website." />
<meta name="keywords" content="test whatever" />
<meta property="og:title" name="Show this!" content="Show this!" />

如果我离开该页面，请从 Facebook 取消推荐该页面并返回同一页面并再次按“推荐”，然后会出现标题和描述。该页面显示了数千个数据库条目之一，因此需要修复该问题。我尝试将 js 函数放入 jQuery(document).ready(function() - 不走运。我尝试将它移到页面底部 - 不走运。有人可以帮我吗？

4

1 回答 1

0

从您提供的示例中，您缺少一些必需的 OG 标签，例如 URL 和图像。另外，你的头标签上有前缀信息吗？

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# myspecialapp: http://ogp.me/ns/fb/myspecialapp#">
于 2012-09-27T15:23:51.773 回答