質問編集履歴

3

kazuakick

kazuakick score 12

2016/07/25 19:42  投稿

FacebookAPI & JS:外部サイト [いいね!]ボタン いいね!取り消し時の挙動に関して
###前提・実現したいこと
現在、Facebookの[いいね!]ボタンをWEBサイトに設置しています。
その上で、[いいね!]をした際の挙動は何も問題が無いのですが、
[いいね!]を取り消そうともう一度ボタンを押すと、その時は
[いいね!]ボタンのチェックが外れているのですが、F5更新をしますと[いいね!]にチェックが付いた状態に戻ってしまう時があり、こちら側のボタン設置の仕方に問題があるのかFaceook側に問題があるのかが分からない状況です。
※何度か繰り返すと[いいね!]が取り消される状況です。
他サイトの[いいね!]ボタンを押したり取り消したりしても同じ挙動のサイトが多いのでFacebook側の問題かとも思っているのですが確信が持てないのでご教示いただけますと幸いです。
###該当のソースコード
```ここに言語を入力
【JS部分】
<script>
 window.fbAsyncInit = function() {
   FB.init({
     appId     : "該当サイトのapID",
     xfbml     : true,
     version   : "v2.6"
   });
   // いいねした際のコールバック
   FB.Event.subscribe("edge.create",
     function(evt) {
       //alert("いいね");
       //処理したいJSコード
  }
   );
   
   // いいねを取り消した際のコールバック
   FB.Event.subscribe("edge.remove",
     function(evt) {
      //alert("よくないね");
      //処理したいJSコード
     }
   );
 };
   
 (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/ja_JP/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, "script", "facebook-jssdk"));
</script>
【いいねボタン部分】
<div class="fb-like" data-href="サイトURL" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
```
###試したこと
・OGPタグは一通り設置している状況です。
・いいねを取り消した際のコールバックも処理が返ってきているのは確認済みです。
・Open Graph Object Debuggerでの返り値は200でした。  
###補足情報(言語/FW/ツール等のバージョンなど)
[いいね!]の取り消しが完全に成功している場合は、Facebook内のアクティビティログからもいいねした情報が削除されているのですが、F5更新で[いいね!]が残っている場合はアクティビティログの情報も残っている状況です。
  • JavaScript

    36527 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Facebook

    562 questions

    Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

2 タイトルの修正

kazuakick

kazuakick score 12

2016/07/25 16:43  投稿

FacebookAPI & JS:外部サイト [いいね!]ボタンの取り消しの挙動に関して
FacebookAPI & JS:外部サイト [いいね!]ボタン いいね!取り消し時の挙動に関して
###前提・実現したいこと
現在、Facebookの[いいね!]ボタンをWEBサイトに設置しています。
その上で、[いいね!]をした際の挙動は何も問題が無いのですが、
[いいね!]を取り消そうともう一度ボタンを押すと、その時は
[いいね!]ボタンのチェックが外れているのですが、F5更新をしますと[いいね!]にチェックが付いた状態に戻ってしまう時があり、こちら側のボタン設置の仕方に問題があるのかFaceook側に問題があるのかが分からない状況です。
※何度か繰り返すと[いいね!]が取り消される状況です。
他サイトの[いいね!]ボタンを押したり取り消したりしても同じ挙動のサイトが多いのでFacebook側の問題かとも思っているのですが確信が持てないのでご教示いただけますと幸いです。
###該当のソースコード
```ここに言語を入力
【JS部分】
<script>
window.fbAsyncInit = function() {
FB.init({
appId : "該当サイトのapID",
xfbml : true,
version : "v2.6"
});
// いいねした際のコールバック
FB.Event.subscribe("edge.create",
function(evt) {
//alert("いいね");
//処理したいJSコード
}
);
// いいねを取り消した際のコールバック
FB.Event.subscribe("edge.remove",
function(evt) {
//alert("よくないね");
//処理したいJSコード
}
);
};
(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/ja_JP/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));
</script>
【いいねボタン部分】
<div class="fb-like" data-href="サイトURL" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
```
###試したこと
・OGPタグは一通り設置している状況です。
・いいねを取り消した際のコールバックも処理が返ってきているのは確認済みです。
###補足情報(言語/FW/ツール等のバージョンなど)
[いいね!]の取り消しが完全に成功している場合は、Facebook内のアクティビティログからもいいねした情報が削除されているのですが、F5更新で[いいね!]が残っている場合はアクティビティログの情報も残っている状況です。
  • JavaScript

    36527 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Facebook

    562 questions

    Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

1 ソースコードの修正

kazuakick

kazuakick score 12

2016/07/25 16:10  投稿

FacebookAPI & JS:外部サイト [いいね!]ボタンの取り消しの挙動に関して
###前提・実現したいこと
現在、Facebookの[いいね!]ボタンをWEBサイトに設置しています。
その上で、[いいね!]をした際の挙動は何も問題が無いのですが、
[いいね!]を取り消そうともう一度ボタンを押すと、その時は
[いいね!]ボタンのチェックが外れているのですが、F5更新をしますと[いいね!]にチェックが付いた状態に戻ってしまう時があり、こちら側のボタン設置の仕方に問題があるのかFaceook側に問題があるのかが分からない状況です。
※何度か繰り返すと[いいね!]が取り消される状況です。
他サイトの[いいね!]ボタンを押したり取り消したりしても同じ挙動のサイトが多いのでFacebook側の問題かとも思っているのですが確信が持てないのでご教示いただけますと幸いです。
###該当のソースコード
```ここに言語を入力
【JS部分】  
<script>
 window.fbAsyncInit = function() {
   FB.init({
     appId     : "該当サイトのapID",
     xfbml     : true,
     version   : "v2.6"
   });
   // いいねした際のコールバック
   FB.Event.subscribe("edge.create",
     function(evt) {
       //alert("いいね");
       //処理したいJSコード
  }
   );
   
   // いいねを取り消した際のコールバック
   FB.Event.subscribe("edge.remove",
     function(evt) {
      //alert("よくないね");
      //処理したいJSコード
     }
   );
 };
   
 (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/ja_JP/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, "script", "facebook-jssdk"));
</script>
【いいねボタン部分】  
<div class="fb-like" data-href="サイトURL" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
```
###試したこと
・OGPタグは一通り設置している状況です。
・いいねを取り消した際のコールバックも処理が返ってきているのは確認済みです。
###補足情報(言語/FW/ツール等のバージョンなど)
[いいね!]の取り消しが完全に成功している場合は、Facebook内のアクティビティログからもいいねした情報が削除されているのですが、F5更新で[いいね!]が残っている場合はアクティビティログの情報も残っている状況です。
  • JavaScript

    36527 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Facebook

    562 questions

    Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る