0

FacebookウィジェットをHTMLシートに入れたかったのですが、想定どおりに実行しましたが、Webサイトに表示されません。

Facebookは私にこれを教えてくれます：

  1. <body>JavaScript SDKをページに1回、理想的には開始タグの直後に含めます。

    <div id="fb-root"></div> <script>(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/es_LA/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

  2. プラグインをページに表示する場所にプラグインのコードを配置します。

<div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div>

私のHTMLシートは次のとおりです。

<html>

<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript"></script>
</head>

<body>
    <div id="fb-root"></div>
<script>(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/es_LA/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
    <div id="dprenav">

        <p id="prenav">Olive</p>

        <div>
            <a id="twlogo" href="https://twitter.com/JuliDAlessandro" target="_blank" ><img id="imgtwlogo" src="bird_gray_48.png"></a>
        </div>

        <div>
            <a id="fblogo" href="http://www.facebook.com" target="_blank"><img id="imgfblogo" src="f_logo.png"></a>
        </div>

        <div>
            <a id="right-corner" href="http://www.youtube.com" target="_blank"><img id="cbanner"src="corner_banner.png"></a>
        </div>

    </div>

    <div id="barmenu">

        <a id="barmenu1" href="#">Home</a>
        <a id="barmenu2" href="products.html">Products</a>

    </div>

    <div id="bleft">

        <p>asdasdasdada</p>
        <div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div>

    </div>

    <div id="barticle">

        <p>asdasdasdsa</p>

    </div>

</body>

</html>

大丈夫だと思いますが、私のウェブサイトには表示されません。何が問題なのか教えていただけますか？

4

2 に答える 2

1

Facebook ページ ウィジェットが自分のサイトに表示されない理由についての回答を検索した結果、ここに来ました。だからここに残りの人々のための答えがあります....

  1. この問題が発生しているブラウザでは、Facebook に「ログイン」していないことがわかります。同じブラウザーを使用して Facebook にログインすると、サイトにウィジェットが表示されますが、それでも受け入れられません。なぜなら、すべての顧客または Web サイト訪問者が到着時に「ログイン」しているわけではないからです。したがって、ログインしているかどうかに関係なく、誰もがあなたの Facebook ページ ウィジェットを確実に見ることができるようにするには、以下の #2 をお読みください...

  2. Facebook ページの管理者として Facebook にログインします。ウィジェットを使用して表示しようとしている FB ページに移動します。Facebook ページに移動したら、管理パネルの上部にある [ページを編集] をクリックします。次に、「設定の編集」をクリックします。次に、設定ページで...「国の制限」というタイトルのフィールドを見つけます。この設定に国がリストされていないことを確認する必要があります。ページが「米国」に制限されている場合は、それを削除して設定を再度保存する必要があります。

設定ページの「国の制限」エリアからすべての国を削除すると、Facebook にログインしているかどうかに関係なく、ウィジェットがウェブサイトに表示されるはずです。問題が解決しました。

お役に立てれば。

于 2013-08-12T00:48:59.567 に答える
0

お使いのコンピューターが Facebook にアクセスできない可能性があります (たとえば、制御/ブロックされたコンピューターを使用している、職場で Facebook がブロックされているコンピューターを使用している、ファイアウォール/プロキシを使用している)、これが問題の原因である可能性があります。私は両親によって管理されているアカウントを持っています (私はかなり中毒のゲーマーです)、Facebook は接続しません。上記のウィジェットをコピーしてコードに貼り付けましたが、予想どおり機能しませんでした。

JS ファイルは Facebook のページに接続されているため、Facebook にアクセスできないと、ブラウザーは JS ファイルを取得できません。

JSFiddleでやっただけです。私にとってはうまくいきました。

于 2013-05-19T02:11:54.263 に答える