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

Facebook

雄大(ザック)です。

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

いいね!ボックス - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebook

さて、この中で、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をつけるつけないはいろいろな議論があるみたいです。

プロトコルを省略して "//example.com" で始める URL に、なにかデメリットはありますか?
CDN から画像/CSSを配信する場合、https:// のページでも問題なく動作させるために、プロトコルの表記をせずに // から始めることで元ページのプロトコルを継承する方法があります。 この方法には、なにかデメリットはありますか...

コメント