「Facebookページへのいいね!」ボタンの表示されない時の対処

「Facebookページへのいいね!」ボタンが表示されなかくなったという記事を書きました。でも、改善できないもいやなので、Google先生に聞いてみました。

その結果、なんとか改善できたので、記事にしておきます。

「Facebookのいいね!」ボタンが表示されない時の対処

Amazonの広告ウィジェットを削除

久々にブログのstyle.cssのコード追加などを行っていたら、「Facebookページへのいいね!」が表示されなくなっていることに...

この記事を書いたあとに、検索して次のサイト見つけました。

数日前ぐらいに気づいたのですが、当ブログの各エントリ下部に表示しているFacebookのいいね!ボタンがいつの間にか表示されなくなりました。 調べてみたところ意外なところに原因があ...

原因は以下のタグを使ってインラインフレームで読み込んでいるAmazonの広告ウィジェットでした。これの設置を止めてみたところ元通り、いいね!ボタンがすぐに表示されるようになりました。

詳細な原因は不明なままですが、Facebookのいいね!ボタンもインラインフレームで、中でJavaScriptによる様々な処理が動いているため何らかの処理が競合したのかもしれません。

半信半疑で、サイドバーに表示していたAmazonの広告ウィジェットを削除しました。そして、サイトをリロード。しかし、「Facebookのいいね!」ボタンが表示されないままでした。

やっぱり・・・

表示されないじゃないか・・・

「Facebookのいいね!」ボタンのウィジェットに追加

この時、あることが頭に閃きました。

「Facebookのいいね!」ボタンのウィジェットをサイドバーに表示してみよう!

「Facebookのいいね!」ボタンボックスを設置したために削除したウィジェットでも表示できないのか確かめてみたくなったのです。そこで、早速、ウィジェットを追加して、リロードしました。

すると、なにごともなかったように、ウィジェットには「Facebookのいいね!」のカウントが表示されました。そして、「Facebookのいいね!」ボックスを確認してみると、そこにも「いいね!」の数がきちんと表示されていました。

ヤッター!!

スポンサーリンク

まとめ

Facebookページへのいいね!」ボタンが非表示になった理由は特定できませんでした。Amazonの広告が関係していたかどうかも実はわかりません。

でも、改善できて、嬉しいです。ヒントを与えてくれたこの記事に感謝します。

数日前ぐらいに気づいたのですが、当ブログの各エントリ下部に表示しているFacebookのいいね!ボタンがいつの間にか表示されなくなりました。 調べてみたところ意外なところに原因があ...

コメント

  1. せたびぃ より:

    同じ状況でハマってました。うちも同様に原因はわかりませんが(Amazon広告は使ってません)、サイドバーに追加したら数値とボタンが表示されるようになりました。神記事です。感謝します。

    • biba より:

      もっと適切な方法があるのでしょうが、私にはこんな対応しかできませんでした。コメントありがとうございます。