フェイスブックページのLIkeBoxプラグインのiframeがうまく表示されない場合の対処方法

Facebook

雄大(ザック)です。

FacebookでLikeページを作成できるページはこちら。

logo/fbfordevelopers

さて、この中で、iframeを選択して、ホームページに埋め込んだのですが、うまく表示されません。
試したブラウザはGoogle chromeのvar 34です。OSはMacです。

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=320227444671056″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; height:290px;” allowTransparency=”true”></iframe>

よくみたら、最初の1行目

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com
httpというプロトコルが抜けていたのが原因みたいでした。

解決策
<iframe src=”http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com

httpを省略する記法もあるのですが表示されないのは問題なので、httpをつけることで対処しました。

httpをつけるつけないはいろいろな議論があるみたいです。

QA@IT サービス終了のお知らせ - @IT

コメント