Facebookの最近のブログ記事

FacebookのOGP設定後にチェックすること

いいねボタンを設置して、OGPも設置したのにサムネイルがうまく表示されなかったりしたので、ちょっとメモ。
まずはここで、正しい情報が取得されているかどうかをチェックするべし。

Facebookのいいねボタンをつけたときのデバッガ

それでもうまく取得されていなかったら、サーバのアクセスログを見て文字コードチェックすると解決できる場合があるそうです。

参考にしたのはこちら

Facebookのシェアボタン

Facebookのいいね!ボタンを自分のブログやホームページに設置している人は多いですね。
でもシェアボタンを見かけるのは、ニュースサイトが多いような気がします。
それぞれのニュースに対して、自分の思う所をコメントしたいわけですから、
ニュースサイトでは単に「いいね」じゃ足りないんですよね。

今回、化粧品サイトのトップページに「シェア」ボタンをつけたい、
という要望があって、ここ数日あちこち調べましたが、
なぜかシェアボタンだけ、レイアウトが崩れてしまいます・・・

ピクチャ 1.png






SafariとIEでは、こんな感じ。

さらにFirefoxではもっとひどくって、

ピクチャ 2.png






こんなんです・・・・・(泣)

青いボタン部分がびよーんとのびてしまってます。
style="width:xxxx;"
で指定してもダメ。
Fのロゴも出てないし、WinでもMacでも同じ現象。

横並びにしたいのに、勝手に改行されてるし。

しかもFacebookの公式サイト(英語)のところで
シェアについて調べようとしても、なぜか
リンクがみんなlike(いいね)の説明ページに
飛ばされてしまう・・・

なんでじゃーーーー???

ご存知の方、コメントください・・・