Facebook Like button not displaying_问答_开发者

开发者 https://www.devze.com 2023-03-22 17:59 出处：网络

I\'m trying to add a Facebook Like button to a site but it never shows up. Here\'s the relevant detail from my page:

I'm trying to add a Facebook Like button to a site but it never shows up.

Here's the relevant detail from my page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:fb="http://www.facebook.com/2008/fbml" 
    xmlns:og="http://opengraphprotocol.org/schema/" dir="ltr" lang="en" xml:lang="en">

<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta property="og:title" content="[____].com" />
    <meta property="og:type" content="blog" />
    <meta property="og:url" content="http://www.[____].com/" />
    <meta property="og:image" content="http://[____].gif" />
    <meta property="og:site_name" content="[____].com" />
    <meta property="fb:app_id" content="[____]" />
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=News+Cycle" />
    <link rel="Stylesheet" type="text/css" href="../../Content/css/[____].min.css" media="screen, projection" />
</head>

<body>

    <div id="fb-root"></div>
    <script>
        window.fbAsyncInit = function () {
            FB.init({
                    appId: '[____]',
                    status: true,
       开发者_高级运维             cookie: true,
                    xfbml: true
                });
                FB.XFBML.parse(); **- 1**
        };
        FB.XFBML.parse(); **- 2**
        (function () {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
        } ());
    </script>

    Like button goes here:<fb:like></fb:like>

    ...

</body>

</html>

The problem is quite simply that while the script does load, the Like button never appears. I've also run it through the Facebook Linter which doesn't highlight any problems.

Any ideas?

Well this is embarrassing. I eventually realised that one of my Firefox add-ons, Ghostery, was blocking the Like button.

So the code I originally posted does work.

You need to make a call to FB.XHTML.parse(); after the FB object is initialized.

Have you tried a synchronous reference to see if it works?

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script> 
<div id="fb-root"></div>

Facebook Like button not displaying

精彩评论

关注公众号

热门标签

图文推荐

Facebook Like button not displaying

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：