Facebookの「いいね」ボタンはHTTPS/SSLを破ります

Question

私が維持しているeコマースのWebサイトで、ここに指示に従ってFacebookの「いいね」ボタンを追加しました。

http://developers.facebook.com/docs/reference/plugins/like

iframeメソッドを使用しています。

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" 
  scrolling="no" frameborder="0" style="border:none; overflow:hidden; 
   width:450px; height:80px;" allowTransparency="true">
</iframe>

それは機能しますが、顧客がたまたま彼女のアカウントにログインした場合、彼女は悪名高いものを取得します」混合コンテンツ警告"

同じFacebookの「いいね」ボタンコードを使用する方法はありますか？

Answer 1

トランスポートプロトコルについて具体的ではないことにより、SSLをサポートするドメインのSSL警告を回避できます。たとえば、含める代わりに http:// また https://, 、 使用する //.

それ以外の

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

使用する

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Answer 2

これがヒントです、Facebook.comはSSLをサポートしています;）

Answer 3

トランスポートプロトコルについて具体的ではないことにより、SSLをサポートするドメインのSSL警告を回避できます。たとえば、含める代わりに http:// また https://, 、 使用する //.

それ以外の

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

使用する

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Fl

Answer 4

<iframe src="//www.facebook.com/plugins/follow?href=https%3A%2F%2Fwww.facebook.com%2Fludwika.karuna&amp;layout=standard&amp;show_faces=true&amp;colorscheme=light&amp;width=450&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>