0

Web ページの [いいね] ボタンを、ここのようにレンダリングして、コメント ボックスの下に画像、タイトル、説明を表示したいと考えています。必要なオープン グラフ タグを含めましたが、Like ボックスは基本的な、すぐに使用できるものであり、追加のオープン グラフ情報はありません。これが私のコードです。ご覧のとおり、FBアプリケーションIDを編集しましたが、それ以外は、これが私が実行しているものです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="facebook" class="no_js" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#">
<head>
    <title>Facebook Test Page</title>
    <link ref="canonical" href="http://localhost/Fbtest.jsp" />
    <meta property="fb:app_id" content="<REDACTED>" />
    <meta property="og:title" content="Facebook Test Page" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://localhost/Fbtest.jsp" />
    <meta property="og:image" content="http://localhost/images/my_family.png" />
    <meta property="og:site_name" content="My Website" />
    <meta property="og:description" content="This is just a test page, for Facebook integration." />
</head>
<body>
    <div id="fb-root"><!-- The JS SDK requires the fb-root element in order to load properly. --></div>
    <script>
        window.fbAsyncInit = function() {
            FB.init({appId: '<REDACTED>', status: true, cookie: true, xfbml: true});
        };
        (function(d){
            var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            ref.parentNode.insertBefore(js, ref);
        }(document));
    </script>

    <h1>Facebook Test Page</h1>
    <p>Here is a picture of my family. This is just a test, for Facebook integration.</p>
    <img alt="My family" src="http://localhost/images/my_family.png"/>
    <p/>
    <fb:like></fb:like>
</body>

Windows 7/Intel ラップトップの JBoss 5.1 でこれを実行しており、IE9 と Firefix の両方の Web ブラウザーを使用しています。

私はあなたの助けに感謝します！

4

1 に答える 1

0

が実際に使用している値である場合http://localhost/Fbtest.jsp、これは機能しません。Facebook はその URL にアクセスしてタグを読み取る必要があるため、一般にアクセス可能な URL である必要があります。

于 2012-04-16T20:56:04.583 に答える