Praca w domu - Dodatkowa Praca - Zarabianie przez Internet. Dołącz do Największego w Polsce forum o tematyce Zarabiania przez Internet. Praca w domu stała się bardzo popularna.

Post: #1

Coraz częstszą praktyką stosowaną w Internecie, jest zabezpieczanie wglądu do jakiejś treści przed użytkownikami, którzy nie polubili naszej strony na Facebooku.

Prezentowana przeze mnie metoda wykorzystuje bibliotekę SDK w JavaScript od Facebooka.

Pierwszą czynnością jaką musimy zrobić, jest utworzenie aplikacji. W tym celu udajemy się na Facebook Developers. Tam dodajemy aplikację. Następnie wchodzimy w tryb edycji i otwieramy zakładkę Website with Facebook Login, po czym wpisujemy adres strony, na której będzie wykonywany skrypt i zapisujemy App ID.

Kolejnym krokiem jest edycja naszej strony. Do sekcji head dodajemy bibliotekę jQuery (jeżeli nie było jej już wcześniej).

Cytat: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Zaraz po body inicjujemy skrypt od FB i uzupełniamy ID aplikacji:

Cytat: <div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'TUTAJ WPISZ APP ID',
status : true,
cookie : true,
xfbml : true
});
</script>

Teraz musimy dodać 3 elementy do treści strony, które będą zawierały treść przed polubieniem, po polubieniu i informację o potrzebie logowania.

Cytat:<div id="FB_container_notlike">Aby zobaczyć tą treść, musisz polubić nasz Fanpage.</div>
<div id="FB_container_like">Ukryta treść dostępna po polubieniu.</div>
<div id="FB_login_info">Nie jesteś zalogowany na FB. Kliknij <a href="#">tutaj</a>, aby to zrobić.</div>

Dla tych elementów należy ustawić w CSS odpowiednią wartość dotyczącą wyświetlania:

Cytat:#FB_container_notlike, #FB_container_like, #FB_login_info {
display: none;
}

Okej, czas na część właściwą, czyli skrypt, który będzie weryfikował polubienie oraz zalogowanie użytkownika na FB, a właściwie zgodę na integrację z naszą aplikacją. Cofamy się do sekcji head i dodajemy:

Cytat:<script type="text/javascript">
//Ukrycie informacji o logowaniu
var hideLogin = function(){
$("#FB_login_info").hide();
}

//Pokazanie informacji o logowaniu
var showLogin = function(){
$("#FB_login_info").show();
}

//Logowanie
var doLogin = function(){
FB.login(function(response) {
if (response.session) {
hideLogin();
checkLike(response.session.uid)
}
});
}

//Sprawdzenie polubienia
var checkLike = function(user_id){
var page_id = "388464827867665"; //ID Fanpage'a (domyślnie 'Klocek Blog')
var fql_query = "SELECT uid FROM page_fan WHERE page_id = "+page_id+"and uid="+user_id;
var the_query = FB.Data.query(fql_query);

the_query.wait(function(rows) {
if (rows.length == 1 && rows[0].uid == user_id) {
$("#FB_container_like").show(); //Treść po polubieniu
} else {
$("#FB_container_notlike").show(); //Treść przed polubieniem
}
});
}

//Wykonanie funkcji
$(document).ready(function(){
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
hideLogin();
checkLike(response.authResponse.userID)
} else {
showLogin();
}
});
$("#FB_login_info a").click(doLogin);
});
</script>

Teraz wystarczy zmienić numer ID fanpage w zmiennej page_id (funkcja checkLike). Znaleźć go możemy w panelu administracyjnym FB lub pod poniższym adresem:

Cytat:http://graph.facebook.com/NAZWA_FANPAGE

Post: #2

powiem Ci że jeszcze parę miesięcy temu potrzebowałem właśnie tego, teraz już po ptakach ale przyda się Dobra wstawka

Post: #3

Co Ty lordwordemord dajesz? Jak nabijasz posty to chociaż spójrz na datę.

yazir
Majka

Post: #4

(20-01-2017 21:57)Stworkowaty napisał(a):  Co Ty @[lordwordemord] dajesz? Jak nabijasz posty to chociaż spójrz na datę.

@[yazir]
@[Majka]

Dobrze wiem z kiedy jest ten temat. Ale jeżeli go znalazłem, spodobał mi się i przydał to nie mogę udzielić mojego zdania w tym temacie ? Jestem nowy na forum i sprawdzam sobie wybrane tematy i staram się pomóc, nauczyć czego lub ocenić Pozdrawiam

Post: #5

Wątek został przeniesiony do kosza.
Prawdopodobne przyczyny :

1. Temat jest niezgodny z regulaminem.
2. Podobny temat znajduje się już na forum.
3. Wątek nie jest już aktualny.
4. Autor prosił o jego przeniesienie.
5. Temat został wyczerpany bądź rozwiązany.

Pozdrawiamy
Administracja Forum.