Кнопка «Мне нравится» на Facebook ломает https / SSL - PullRequest
10 голосов
/ 27 августа 2010

На веб-сайте электронной коммерции, который я поддерживаю, я добавил кнопку «Мне нравится» в 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?

Ответы [ 4 ]

20 голосов
/ 01 апреля 2011

Вы можете избежать предупреждений 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>
10 голосов
/ 27 августа 2010

Вот подсказка, facebook.com поддерживает SSL;)

1 голос
/ 23 ноября 2016

Вы можете избежать предупреждений 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
0 голосов
/ 13 марта 2015
<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>
...