12

Facebook Developersページから直接コピーされたコードを使用して、基本的なFacebookの「Like/Share」ボタンをWebページに追加しました。 JavaScriptのブロックや「FB-のような」相続人のjavascriptのクラスとdivタグ:そこのコードに2つの部分ですウェブページのような共有ボタンでJavaScriptの警告とPHPエラーが発生する

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

は、そして、ここで私は、ボタンを表示する場所のためのdivタグです:

ここで
<div class="fb-like" data-href="http://www.bethcake.com" data-width="90" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div> 

私が遭遇してる問題です:

  1. Webページのロードを、私は2回のjavascriptの警告を取得します。警告は、私が書いたコードではなく、connect.facebook.netのソースコード233行を参照しています。それらは次のとおりです。

    • 無効なアプリケーションID:アプリケーションIDを表す数字または数字の文字列である必要があります。
    • FB.getLoginStatus()はFB.init()を呼び出す前に呼び出されます。

    • はまた、ページの読み込み時に、私は(:948 like.php.1)PHPのエラーが出ます。プロトコル、ドメイン、およびポートは一致する必要があります。

    このエラーは困惑しています。まず第一に、私はフレームを使用していません。第二に、プロトコルは一致し、ポートについては何もありません。もちろん、ドメインは一致しません。私はFacebookページの「Likes」を収集しようとしていません。私は外部のウェブサイトのページのために「好き」を取得したい。何か不足していますか?

  2. Facebook Open Graph Object DebuggerでURL​​を実行しました。私は理解していない多くの警告を出しました。次のとおりです。

    • fb:adminsおよびfb:app_idタグがありません。
    • og:title、og:type、og:imageがありません。
    • OG:urlは、行く:説明をし、行く:タイトルを、行く画像のプロパティが明示的に細かい、オーケー

を提供する必要があります。しかし、どこにどのようにこれらを追加するのですか?私はFacebookのドキュメントを調べ、成功していないstackoverflowを検索しました。これらがdivタグのdata-href文字列に追加されることになっている場合は、例を挙げてください。

+0

私は部分的な答えを見つけました。 (3)の場合、記述されたタグはこの形式のメタタグです: 'これはfb:app_idメタタグを含めると、最初のjavascriptの警告。私が知る限り、私はまだ2番目の警告を得るでしょう。また、私は今、私がPHPエラーとして記述したものは実際にはjavascriptエラーであると考えています。奇妙なことに、Safari Web Inspectorでは表示されますが、Google Developer Tools、Opera Dragonfly、Firebugでは表示されません。 –

答えて

2

あなたはすでにこの問題を解決しています。

しかし、これは誰かのためにヘルプがある場合は、この答えは、呼び出す前に、いわゆる「FB.getLoginStatus()」について助けFB.init()」 - >https://stackoverflow.com/a/16593474

+0

ありがとうMarco、これは本当に便利です。 –

11

あなたが言及として、私は同じjavascriptの警告を得ていましたFacebookのコードでURLにappIdパラメータを追加して両方の問題を解決しました。だから、この行を変更:に行き、FacebookのAPPIDを取得するには

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=1234567891234567"; 

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 

を:ここで https://developers.facebook.com/apps

+0

ありがとうございました! – Deviljho

+0

彼らがドキュメントでこれを文書化しているといいですね... –

2

); js.src = "//connect.facebook.net/en_US/all.js#xfbml=1 &のAppID = 16digIdHere"3))ID 4を取得する(ごcode..egにIDを適用します、

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1234567891234567&version=v2.2"; 

あなたは4月30日の前にアップグレードする必要があります:@smohajerは、上記の指摘したように、あなたはAPPIDを追加する必要がありますが、あなたがそうでなければあなたには、いくつかのエラーや警告が表示されますいくつかの小さな変更を行う必要があり、新しいSDKで2015: https://developers.facebook.com/docs/apps/upgrading

関連する問題