Facebook"赞"按钮打破了https/SSL

Question

在我维护的电子商务网站上,我根据以下说明添加了一个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"赞"按钮代码,但在SSL模式下不会插入非https内容？

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;)