埋め込みFacebookがグルグルのまま…

ホームページなどに埋め込んだfacebookが表示されない件について書いています。

>出現の解決策は最下のタイトル「ん?」に記載しています(7月23日:追加記載)

エラー要因は『ログイン』

いやいや~それは無いでしょ?
と言われそうですが。
会社アカウントでも個人また他人の埋め込みも表示できません。そこでログアウトしました。
▼facebookのログアウトは『自分マーク』クリックします。(再ログインできる人だけお試しください)

▼難なく表示されました。ほらね。

この表示異常と同時に起こった現象
自分のサイトに埋め込んだ「いいね」ボタンが押せなくなりました。


facebookもしくはGooglechromeの構造変更によるものと推測します。

対処法①シークレットウインドウを使う

リンクを右クリックで表示される「シークレットウインドウ」で開きます。


これで閲覧確認はできます。

対処法②Edgeを使う

閲覧だけでは困ると言う方は『Edge』をご使用ください。

こちらは今のところ問題が無いようです。

上記の方法でも解決しなかった場合は原因は別にありますので、挿入コードの再発行などをお試しください、古いものである場合は互換性が無くなっている可能性があります。

ん?

WordPressのウィジェットPluginなら出現するのに、どうして??

アプリIPの期限切れなどを調べましたが、特に問題はないようで、原因不明のままスクリプトを参考にさせて頂きました。
▼どうぞ。ただし自己責任で。

<div class=”fb-page” data-href=”https://www.facebook.com/あなたのアカウント/” data-width=”500″ data-height=”400″ data-hide-cover=”false” data-show-facepile=”false” data-show-posts=”true”>
<div class=”fb-xfbml-parse-ignore”>
<blockquote cite=”https://www.facebook.com/あなたのアカウント/”>
<a href=”https://www.facebook.com/あなたのアカウント/”>Facebook page</a>
</blockquote>
</div>
</div>

<div id=”fb-root”></div>
<script>
;(function(w,d){
var load_contents=function(){
(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#xfbml=1&version=v2.9&appId=”;
fjs.parentNode.insertBefore(js, fjs);
}(d, ‘script’, ‘facebook-jssdk’));
};
var f=function(){
load_contents();
w.removeEventListener(‘scroll’,f,true);
};
var widget = d.getElementsByClassName(“fb-page”)[0];
var view_bottom = d.documentElement.scrollTop + d.documentElement.clientHeight;
var widget_top = widget.getBoundingClientRect().top + w.scrollY;
if ( widget_top < view_bottom) {
load_contents();
} else {
w.addEventListener(‘scroll’,f,true);
}
})(window,document);
</script>

▼解決です。

WEBサイトページにも使えました。

 

PAGE TOP