Всплывающий шлюз кнопки Facebook like для страниц facebook

#facebook #iframe #xfbml

#Facebook #iframe #xfbml

Вопрос:

Мне было интересно, как они создают страницу на facebook с кнопкой like в качестве шлюза для входа и просмотра страницы…

Вот один пример…. http://www.facebook.com/Diesel?sk=app_168523776552050

Я знаю, как создать страницу в iframe и вставить в facebook, но я не знаю, как они показывают это всплывающее окно и как они показывают его для посетителей, не являющихся фанатами.

Пожалуйста, просветите меня своими идеями и работами…..

Ответ №1:

Это простой «Фан-гейт», и в версии без фана они показывают обычную кнопку like через URL страницы.

Здесь описан простой способ самостоятельно создать fan gate: http://www.chilipepperdesign.com/2011/02/15/reveal-fan-gate-like-gate-facebook-iframe-tab-tutorial-with-php

Кнопка like:

 <fb:like href="http://www.facebook.com/diesel" send="true" width="450"
show_faces="true"></fb:like>
  

Комментарии:

1. Да, я понял, но как насчет эффекта лайтбокса? Как я могу получить это с помощью кнопки like?

2. как и с любым другим эффектом лайтбокса. html и css.

Ответ №2:

попробуйте это:

  1. аутентифицируйте свое приложение и получите токен доступа
  2. используйте токен доступа для аутентификации вашего пользователя и получения «подписанного запроса» от FB.
  3. «подписанный запрос» сообщит вам, является ли пользователь поклонником или нет

  4. напишите какой-нибудь код: if (пользователь — фанат) { показывать контент для фанатов } else { показывать контент для посетителей}

Ничего не происходит без «подписанного запроса». Работает на PHP и JS.

Ответ №3:

Проанализируйте параметр ‘signed_request’ Facebook. Смотрите http://developers.facebook.com/docs/howtos/login/signed-request /

Каждый подписанный запрос содержит ключ ‘страница‘ с подразделом ‘понравилось‘, значение которого является значением bool, показывающим, понравилась ли страница.

Отображать баннер в зависимости от значения этого bool.

Обратите внимание, что кнопка like есть только на вкладке страницы. Приложение Canvas не имеет кнопки like, окружающей его.