FB iframe tab - скрыть / изменить содержимое, если страница не «понравилась» - PullRequest
Новая
       3

FB iframe tab - скрыть / изменить содержимое, если страница не «понравилась»

1 голос
/ 02 августа 2011

Как это сделать? Я видел некоторый контент iframe, который либо был скрыт - в этом случае изображение направлено вверх и говорит что-то вроде «как мы ...» - или предложение - например скидка, доступная для зрителя, если страница "понравилось".

Я копался в этом, но мне не повезло. Это было сделано, но у меня не было предвидения, чтобы заметить, какие страницы FB делали это ... аааа!

1 Ответ

2 голосов
/ 02 августа 2011

Для этого вам понадобится приложение Facebook.После того, как вы это настроите, создадите свою страницу, и когда страница загрузится, пользователю потребуется авторизовать ваше приложение, чтобы вы могли получить доступ к его личной информации, чтобы увидеть, нравится ли им страница с использованием некоторого FQL.Приведенный ниже код проверяет, нравится ли пользователю Facebook страница, но он будет работать только в том случае, если пользователь разрешил доступ к вашему приложению. 

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
    FB.init({
        appId : 'yourAppId',
        status: true,
        cookie: true,
        xfbml : true
    });
    FB.getLoginStatus(function(response) {
        if (response.session) {
            var user_id = response.session.uid;          
            var page_id = "xxxx"; //The Page that you want to Like
            var the_query = FB.Data.query("SELECT uid FROM page_fan WHERE page_id = {0} and uid={1}", page_id, user_id);          
            the_query.wait(function(rows) {              
                  if (rows.length == 1 && rows[0].uid == user_id) {                 
                     $("#divWhenLiked").show();         
                  } else {                  
                     $("#divWhenNotLiked").show();
                  }          
            });      
        } else {        
            // user is not logged in   
            $("#divNoPermission").show();               
        }    
    });
</script>

В коде вы увидите 3 <div> теги, которые будут отображаться в зависимости от того, разрешил ли пользователь ваше приложение, не понравилась страница и понравилась ли страница.В теге <div>, который показывает разрешения, для того, чтобы это заработало, вам понадобится гиперссылка, которая будет ссылаться на ваше приложение, например: 

http://www.facebook.com/dialog/oauth?client_id=yourAppId&redirect_uri=http://yourWebsite/yourRedirectPage

. Это отобразит всплывающее окно.вверх окно из Facebook с просьбой разрешить пользователю доступ к приложению.Затем он будет перенаправлен на вашу страницу перенаправления, которую вы указали в ссылке.В вашей RedirectPage вам просто понадобится простой фрагмент кода перенаправления в теге <body>: 

<script>
window.location.href = "http://www.facebook.com/pages/YourApp?sk=app_yourAppId";
</script>

Вы можете получить гиперссылку на странице приложения Facebook.Надеюсь, это поможет.

...