YOSHIKI Diary

フェイスブックページのプラグインをホームページに埋め込む際に気をつけること

ここに飛ぶと、プラグインが作成できます。
https://developers.facebook.com/docs/reference/plugins/like-box/

こういうやつ。


その作業のなかでURLを貼り付ける際、
iframeタイプだと、下記のように出るが、

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FPepperMeet-Party%2F281336591900368&width=292&height=590&colorscheme=light&show_faces=true&border_color&stream=true&header=true&appId=289558351072751" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>

うまくホームページで表示されなかった。

そこで、
最初のiframe src=" のあとに http: 入れましょう。

こんな感じで。

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPepperMeet-Party%2F281336591900368&width=200&height=558&colorscheme=light&show_faces=true&border_color&stream=true&header=false&appId=119364281471373" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:558px;" allowTransparency="true"></iframe>


そうするとうまく表示されます。

ツイートする

Permalink | コメント(0) | トラックバック(0) | 13:39