Rejestracja poprzez konto w serwisie społecznościowym. Zaloguj się za pomocą sieci społecznościowych

Od dłuższego czasu wiele witryn zapewnia, oprócz standardowej autoryzacji, autoryzację za pośrednictwem sieci społecznościowych i usług internetowych. Masz wybór:

Przejdź przez stosunkowo długi proces rejestracji - wpisując swój adres e-mail/hasło/captcha i aktywację przez e-mail.
Wystarczy kliknąć na ikonę sieci społecznościowej, w której posiadasz konto i potwierdzić dostęp.

Dlaczego nie zrezygnować całkowicie ze standardowego mechanizmu rejestracji? Nawiasem mówiąc, dokładnie takie podejście zastosowano w serwisie internetowym on(X) firmy Microsoft - autoryzacja tylko przez Facebooka.

Ale nie wszystko jest tak różowe, jak mogłoby się wydawać na pierwszy rzut oka. Podkreślmy pozytywne i negatywne aspekty autoryzacji społecznościowej, biorąc pod uwagę fakt, że całkowicie zrezygnujemy z rejestracji przy użyciu kombinacji e-mail/hasło.

Zalety:

Szybka autoryzacja na stronie.
Dane użytkownika od dostawcy autoryzacji.
Żadnych haseł.
Brak aktywacji konta.
Jedyną formą jest formularz autoryzacji.

Wady:

Niektórzy dostawcy autoryzacji nie udostępniają poczty e-mail.
Różne formaty dostarczanych danych użytkownika.
Preferencje odbiorców.
Możesz zapomnieć, z której usługi korzystałeś do autoryzacji.

Zalety tego podejścia są oczywiste. Nas bardziej interesują niedociągnięcia i sposoby ich rozwiązania.

Wady

Niektórzy dostawcy autoryzacji nie udostępniają poczty e-mail

Tak, u niektórych dostawców najważniejsze informacje, które musimy znać o użytkowniku, mogą nie być dostępne. W szczególności VKontakte i Odnoklassniki nie udostępniają tego w publicznym API. Facebook i Google są bardziej lojalne wobec adresów e-mail i przy pomocy określonych uprawnień z powodzeniem zwrócą Ci te informacje.
Rozwiązanie:

Jednym z popularnych rozwiązań tego problemu jest po prostu zapytanie użytkownika po autoryzacji. Spowoduje to dodanie dodatkowego dialogu i będziesz musiał przejść procedurę aktywacji.
W zależności od docelowej grupy odbiorców odrzuć dostawców autoryzacji, którzy nie zapewniają poczty e-mail.
Nie używaj adresu e-mail. Ponownie, nie wszędzie można tak łatwo zrezygnować z niemal jedynego sposobu wyrażania opinii użytkowników. powiedzmy społeczne Sieć VKontakte wykorzystuje do rejestracji numer telefonu komórkowego. Tutaj musisz pomyśleć o tym, jak użytkownik przywróci dostęp do witryny, jeśli usunie swoje konto w sieci społecznościowej.

Różne formaty dostarczanych danych użytkownika

Czasami musisz dowiedzieć się o użytkowniku trochę więcej niż tylko jego identyfikator w mediach społecznościowych. sieci. Dane takie mogą obejmować: imię, nazwisko, pseudonim, płeć, awatar, datę urodzenia. Ponieważ protokoły OAuth i OpenID nie są przeznaczone do pozyskiwania jakichkolwiek danych o użytkowniku, będziesz musiał skorzystać z API każdej konkretnej usługi, a zwrócone dane będą wszędzie inne. W szczególności dostawcy autoryzacji Google, Vkontakte, Facebook i Odnoklassniki udostępniają wszystkie powyższe dane. Pozostaje tylko je przetworzyć.
Rozwiązanie: jeśli naprawdę potrzebujesz dodatkowych danych o użytkowniku, poproś o nie usługę autoryzacji. Jeśli potrzebujesz jeszcze bardziej szczegółowych danych, poproś użytkownika o ich samodzielne wprowadzenie po autoryzacji.

Preferencje odbiorców

No cóż, teraz doszliśmy do najbardziej problematycznego pytania – czy taka odmowa standardowej rejestracji nie zniechęci docelowej grupy odbiorców? Moje zdanie w tej kwestii jest takie: nawet jeśli ktoś absolutnie nie chce logować się przez serwisy społecznościowe, a nie ma alternatywy dla Waszej usługi, to w końcu zrezygnuje. Ja osobiście wyznaję ten algorytm: jeśli planuję w przyszłości skorzystać z konkretnego serwisu, to na pewno rejestruję się w nim podając login i hasło. Jeśli strona nie ma takiej możliwości, to będę logować się poprzez media społecznościowe. sieci.
Nawet jeśli użytkownik nie korzysta z sieci społecznościowych, musi mieć konto e-mail dla Gmaila, mail.ru lub innych usług. Dlatego też przypadek, w którym użytkownik po prostu nie posiada jednego konta w ramach świadczonych usług autoryzacyjnych, jest mało prawdopodobny.

Możesz zapomnieć, z której usługi korzystałeś do autoryzacji

Jeśli Twój zasób umożliwia zalogowanie się za pośrednictwem ponad 9000 dostawców, a użytkownik ma co najmniej 2 konta u tych dostawców, może po prostu zapomnieć, jakiej konkretnej metody użył do zalogowania się do serwisu. W przypadku błędu w bazie danych zostanie utworzony bezużyteczny zapis nowej rejestracji.
Rozwiązanie: zapisz usługę autoryzacji w plikach cookies i zaznacz ją na stronie logowania. Może to stanowić pewnego rodzaju zagrożenie bezpieczeństwa, ale nie mogę od razu wymyślić sposobu, aby poważnie z tego skorzystać.

Wniosek

Pomysł rezygnacji z regularnej rejestracji jest bardzo kuszący, jednak wszystko zależy od tego, czy uda się pozbyć opisanych problemów.

P.S. Niektóre statystyki możesz przeczytać na stronie uLogin

Mówiłem o tym, że strona musi być jak najbardziej wygodna dla użytkowników, wspomniałem też, że trzeba ułatwić ludziom wejście na stronę poprzez umożliwienie logowania poprzez portale społecznościowe. Zgodnie z obietnicą, dzisiaj przygotowałem dla Was poradnik, dzięki któremu w łatwy sposób dowiecie się jak dołączyć tę funkcję do swoich stron.

Dzisiaj dowiesz się, jak zalogować się do strony internetowej za pośrednictwem tak popularnych usług, jak Vkontakte, Facebook i Tweeter. Dodaj autoryzację za pośrednictwem tych sieci społecznościowych. Będziemy online, korzystając ze specjalnych usług: Loginza i jej analogowego uLogin. Pokażę Ci na przykładzie witryny WordPress, możesz zobaczyć, jak to wygląda na moim blogu testowym.

Autoryzacja za pośrednictwem sieci społecznościowych za pomocą uLogin

Serwis jest przystępny i zrozumiały nawet dla przeciętnego użytkownika Internetu. Obsługuje wszystkie znane systemy zarządzania treścią i wiele sieci społecznościowych (w tym Odnoklassniki, pocztę i Google +). Aby skonfigurować autoryzację, przejdź do usługi, wybierz żądaną platformę (w tym przypadku Wordpress) i kliknij „link do strony wtyczki”:

Zostaniemy poproszeni o pobranie wtyczki na nasz komputer, wybranie folderu, w którym chcemy zapisać archiwum i pobranie go. Następnie rozpakowujemy archiwum do dowolnego folderu na dysku i za pomocą dowolnego menedżera plików (ja np. używam Total Commandera) wgrywamy folder na stronę internetową w katalogu wp-content/plugins.

Teraz pozostaje już tylko aktywować wtyczkę w panelu administracyjnym. Przejdź do panelu administracyjnego, sekcja wtyczek, obok „uLogin” kliknij „aktywuj”. Wszystko! Teraz na naszej stronie WordPress można logować się i komentować za pośrednictwem najsłynniejszych sieci społecznościowych:

Jeśli przejdziesz do sekcji „wtyczki” w panelu administracyjnym, zobaczysz podpozycję uLogin, która odpowiada za konfigurację formularza:

Na stronie ustawień możesz zmienić sposób wyświetlania mediów społecznościowych. sieci w panelu formularza, menu serwisowym, polach żądanych, polach dodatkowych i tekście logowania:

Niczego tu nie ruszałem, ale jak rozumiem, wszelkich zmian należy dokonać w języku angielskim. W zasadzie można się pobawić tymi parametrami, ale wtyczka już działa doskonale. Jeśli chcesz dołączyć autoryzację do witryn na innych platformach, to w każdym archiwum znajduje się plik Readme, który opisuje krok po kroku instalację wtyczki dla konkretnego CMS-a.

Jak widać, nie ma nic skomplikowanego, a cała instalacja zajmie Ci tylko kilka minut.

<? php echo ulogin_panel() ; ?>

Konfigurowanie autoryzacji za pośrednictwem sieci społecznościowych za pomocą usługi Loginza

Usługa ta jest również zintegrowana z najpopularniejszymi sieciami społecznościowymi. sieci, a także posiada elastyczną konfigurację okna autoryzacji. Najpierw przejdź do serwisu i zaloguj się. Można to zrobić za pomocą dowolnej sieci społecznościowej. Po zalogowaniu zostaniesz przeniesiony na stronę swojego konta, gdzie zostanie skonfigurowany formularz:

Przejdź do sekcji „mój widget logowania” i dodaj żądaną witrynę:

Aby móc pracować z witryną, musisz potwierdzić swoje prawa do niej. Klikamy przycisk „Potwierdź uprawnienia”, zostaniemy poproszeni o wstawienie specjalnego tagu na stronie głównej:

Po potwierdzeniu uprawnień możemy bezpiecznie spersonalizować okno według własnego uznania:

Twój osobisty identyfikator i tajny klucz znajdują się na stronie „Ustawienia” i są potrzebne do skonfigurowania widżetu po zainstalowaniu go na stronie:

Na stronie Wygląd możesz dostosować wygląd okna za pomocą pliku style.css. Jeśli rozumiesz ten plik, możesz poeksperymentować; jeśli nie, lepiej pozostawić wszystko bez zmian. W zakładce „Widok” możesz zobaczyć wynik swojej pracy:

Sekcja „Statystyki” pokazuje liczbę autoryzowanych użytkowników korzystających z tego widgetu:

Kod HTML tego formularza znajduje się w zakładce „Kod HTML”.

Wybierz „Wtyczka WordPress” i pobierz ją na swój komputer. Za pomocą dowolnego menedżera plików dodaj wtyczkę do katalogu wp-content/plugins. Aktywujemy wtyczkę, a w panelu administracyjnym będziemy mieli sekcję „Loginza”, wchodzimy w nią.

Zdecydowana większość współczesnych serwisów wraz z głównym systemem autoryzacji zapewnia użytkownikom możliwość logowania się za pośrednictwem sieci społecznościowych. Takie podejście jest bardzo wygodne dla odwiedzającego witrynę, ponieważ nie musi on w ogóle wypełniać żadnych pól. Zamiast tego wystarczy wybrać przycisk sieci społecznościowej, w której ma już profil, a za trzy kliknięcia stanie się autoryzowanym użytkownikiem witryny.

Jak to działa

Obok formularza autoryzacyjnego, pod napisem „Zaloguj się przy użyciu”, znajdują się przyciski najpopularniejszych sieci. Większość użytkowników ma profil w tej czy innej sieci społecznościowej. Odwiedzający wybiera przycisk z ikoną usługi, w której chciałby zarejestrować się w serwisie.

Po kliknięciu przez odwiedzającego odpowiedniego przycisku na ekranie monitora pojawia się okno, w którym Facebook prosi użytkownika o zgodę na umożliwienie witrynie, z której następuje autoryzacja, otrzymania niezbędnych danych. Aby wyrazić zgodę wystarczy, że użytkownik kliknie w odpowiedni przycisk. Gdy odwiedzający wyrazi na to zgodę, dane z sieci społecznościowej zostaną przesłane do witryny i zapisane w profilu użytkownika.

Teraz odwiedzający jest zarejestrowanym użytkownikiem Twojego sklepu internetowego.

Usługi autoryzacyjne

Z roku na rok w Internecie pojawia się coraz więcej sieci społecznościowych. Aby umożliwić webmasterom umożliwienie użytkownikom rejestracji za pośrednictwem różnych sieci społecznościowych, istnieją specjalne usługi udostępniające skrypty (miniprogramy), które webmaster instaluje na swojej stronie internetowej. Dzięki temu odwiedzający jego witrynę mogą zalogować się za pomocą profilu na jednym z najpopularniejszych portali społecznościowych.

Najpopularniejsze z tych usług to Loginza i ULogin.

Zalety metody:

Łatwa integracja.
Oszczędzaj czas. Instalując jednorazowo skrypt dla jednej z tych usług, automatycznie umożliwiasz logowanie się przez wiele sieci społecznościowych jednocześnie.

Wady:

Dane upoważnionego użytkownika nie są przekazywane Tobie, lecz serwisowi, który udostępnił skrypt.
Jesteś pozbawiony możliwości „dostosowywania” interakcji z użytkownikami. Na przykład, zapewniając autoryzację za pośrednictwem sieci VKontakte, nie można „połączyć” użytkownika ze swoją grupą lub stroną publiczną w tej sieci.
Tylko częściowo korzystasz z mediów społecznościowych.

Tworzenie własnej aplikacji sieci społecznościowej

Aby Twoja witryna internetowa i sieć społecznościowa mogły wymieniać dane, musisz w jakiś sposób „wyznaczyć” obecność swojej witryny w sieci społecznościowej. W tym celu w usługach społecznych istnieje coś takiego jak rejestracja wniosków. Rejestrując aplikację, łączysz swoją stronę internetową z siecią społecznościową. Następnie otrzymujesz dane autoryzacyjne aplikacji, które należy wykorzystać do skonfigurowania systemu zarządzania witryną. Teraz użytkownicy mogą uwierzytelniać się za pośrednictwem tej sieci społecznościowej.

Znajdują się tam przydatne szczegółowe informacje na temat wdrożenia technicznego.

I w skrócie...

Do autoryzacji i rejestracji używana jest ta sama tabela „użytkownicy”. Wraz ze zwykłą rejestracją i autoryzacją, gdy podczas rejestracji (w najprostszej formie) do tabeli „użytkownicy” dodawany jest adres e-mail, hasło i login użytkownika, a podczas autoryzacji sprawdzana jest zgodność wprowadzonego loginu i hasła z istniejącymi w bazie danych zaznaczone, jest używane w podobny sposób i rejestracja/autoryzacja za pośrednictwem sieci społecznościowych. Tylko w tym przypadku źródłem danych o użytkowniku do jego rejestracji nie jest bezpośredni użytkownik wprowadzający dane do formularza, ale portal społecznościowy. internet. Rejestracja w tym przypadku jest dość przejrzysta, tj. niewidoczne dla użytkownika. Schemat jest w przybliżeniu następujący (bez osobliwości protokołu Oauth):

1) Użytkownik wybiera logowanie poprzez media społecznościowe. internet.
2) Następuje połączenie ze stroną autoryzacji w tej sieci społecznościowej. sieci, jeśli dana osoba jeszcze się w niej nie zalogowała. Po wprowadzeniu danych, jeżeli był wcześniej upoważniony, następuje żądanie wyrażenia zgody na wykorzystanie jego danych.
3) Jeśli ktoś odmówi, to będzie koniec. Jeżeli wyrazi zgodę, zostanie przekierowany na stronę serwisu określoną w ustawieniach OAuth.
4) Każdy użytkownik mediów społecznościowych sieci mają swój własny unikalny identyfikator, o który można poprosić. Do tabeli „użytkownicy” musisz dodać kilka dodatkowych pól (na przykład takich jak te): auth_via (enum("native, "vk", "mailru", "...")) - aby wskazać typ rejestracji użytkownika oraz social_id - tutaj będzie przechowywany unikalny identyfikator w sieci społecznościowej.Jeśli potrzebujesz przechowywać jakieś konkretne dane tego użytkownika z sieci społecznościowych, możesz utworzyć dodatkowe pola dla tych danych.
5) Po wyrażeniu przez użytkownika zgody na wykorzystanie jego danych konieczne jest zażądanie niezbędnych danych z sieci społecznościowej. sieci, m.in. i identyfikator użytkownika w mediach społecznościowych. sieci. Tutaj rozpoczyna się niewidzialny proces rejestracji. Musisz sprawdzić, czy w bazie danych znajduje się użytkownik o tym social_id, jeśli nie, to wstaw social_id, czyli dane użytkownika z sieci społecznościowej. sieci, jeśli to konieczne, w bazie danych. To wszystko, użytkownik jest zarejestrowany.
Jeśli istnieją dane o użytkowniku, musisz poprosić o aktualne dane z mediów społecznościowych. sieci, porównaj je z tymi w bazie danych i jeśli się zmieniły, zaktualizuj je w swojej bazie danych, jeśli nie, po prostu przejdź do następnego kroku.
6) Tworzona jest sesja z danymi użytkownika.

Tym samym do istniejącej tabeli „natywnej” rejestracji użytkowników serwisu, relatywnie rzecz biorąc, dołącza tabela z polami niezbędnymi do rejestracji/autoryzacji poprzez media społecznościowe. sieci. i nie kolidują ze sobą.

Dla użytkownika zarejestrowanego z mediów społecznościowych. Oczywiście nie ma hasła sieciowego i loginu. Są potrzebne do autoryzacji. I ponieważ Użytkownik loguje się przy użyciu swojego loginu społecznościowego i hasła. sieci, to nie ma tu nic do wskazania. A jednak podczas autoryzacji możesz dodać warunek do żądania weryfikacji loginu i hasła

"I GDZIE `auth_via`="native""

Aby wykluczyć użytkowników zarejestrowanych w sieciach społecznościowych. sieci.

Jak widać, dla każdego użytkownika w tabeli tworzony jest wewnętrzny (że tak powiem, wewnątrzlokacyjny) podstawowy, automatycznie zwiększający się klucz. W związku z tym nie ma różnicy w logice witryny pomiędzy użytkownikiem zarejestrowanym za pośrednictwem mediów społecznościowych. sieci i za pośrednictwem strony internetowej. Jeśli mówimy o sklepie internetowym, to do powiązania zamówień z użytkownikiem można wykorzystać jeden, wewnętrzny identyfikator.

Użytkownicy wolą logować się natychmiast, jednym kliknięciem i nie tracić czasu na rejestrację za pośrednictwem poczty elektronicznej. Całą istotę tego problemu mogą zrozumieć osoby korzystające z tej platformy do sprzedaży towarów w sklepie internetowym.
WordPressa domyślnie nie zapewnia możliwości logowania poprzez portale społecznościowe. Jeśli użytkownik chce, aby jego klienci logowali się w ten sposób, będzie musiał zakupić płatne opracowania lub skorzystać ze specjalnej darmowej wtyczki. Łatwa rejestracja i logowanie społecznościowe na dowolnej witrynie Wordprees jest bardzo ważne. Jeśli poprosisz odwiedzających o dokończenie tej procedury poprzez wypełnienie szeregu pól za pośrednictwem poczty elektronicznej, prawdopodobnie stracisz wielu potencjalnych klientów.
Ten artykuł wybiera 10 wtyczek do logowania społecznościowego dla Wordpress, dzięki którym Twoja witryna stanie się wygodna i będzie wyglądać profesjonalnie. Tym, którzy chcą własnoręcznie stworzyć widżet z przyciskami społecznościowymi, zalecamy zapoznanie się z materiałami na ten temat.

Logowanie społecznościowe

Jest to bezpłatny kompleksowy pakiet Wtyczka WordPressa, który oferuje proste rozwiązanie umożliwiające logowanie i rejestrację w serwisie za pośrednictwem sieci społecznościowych. Autoryzacja jest dla niego dostępna za pośrednictwem takich wiodących witryn jak Facebook, Twitter, Google, LinkedIn, PayPal, LiveJournal, Instagram, Yahoo, VK i wiele innych. W sumie zrzesza ponad 25 popularnych sieci, za pośrednictwem których możesz się zalogować, zarejestrować lub zostawić komentarz.
Ta wtyczka jest w pełni kompatybilna z BuddyPress, dzięki czemu możesz używać loginu z niemal dowolnej grupy społecznościowej, co jest bardzo trafnym rozwiązaniem. Widget logowania jest umieszczany na pasku bocznym Twojej witryny lub używany jest krótki kod.

Super Socjalizator

Super Socializer to wielofunkcyjna wtyczka do WordPressa. Pomaga zintegrować media społecznościowe z polem komentarza i oferuje świetne opcje logowania do Twojej witryny. Użytkownik może łatwo uzyskać dostęp do Twojej witryny internetowej, korzystając z istniejącego loginu w jednym z portali społecznościowych. Po tak prostej rejestracji informacje o jego profilu wraz z adresem e-mail zostaną zapisane w bazie Twojego bloga.

Nextend Facebook Connect

Poniższa wtyczka jest pod wieloma względami podobna do poprzedniego zasobu, ale nadaje się do autoryzacji na stronach za pośrednictwem Facebook.

Logowanie społecznościowe WordPress

WordPress Social Login to przydatna aplikacja, która pozwala na rejestrację i logowanie do serwisu WWW opartego na WordPressa przy użyciu Twojego loginu w różnych sieciach społecznościowych. Będziesz mógł w pełni kontrolować dostęp użytkowników do Twojej witryny. Ta wtyczka ma szerokie możliwości indywidualnych ustawień.

Logowanie społecznościowe do WordPressa

Kolejny potężny WordPressa wtyczka, która umożliwia integrację z sieciami społecznościowymi WordPressa. Ta usługa jest płatna, a praca z nią odbywa się na zasadzie subskrypcji, ale każdy użytkownik może skorzystać z 30-dniowego bezpłatnego okresu na testy. Dzięki temu będziesz mieć możliwość sprawdzenia, czy ta wtyczka jest odpowiednia do Twoich celów. Social Login dla WordPress doskonale integruje się ze wszystkimi popularnymi sieciami, umożliwiając opuszczenie witryny i zalogowanie się. Jest w stanie przechwytywać dane profilu użytkownika za jego zgodą i automatycznie tworzyć profil w bazie danych WP.

Gigya – Infrastruktura Społeczna

Kolejny bardzo łatwy w obsłudze WordPressa wtyczka, która pomoże zintegrować konta społecznościowe ze stronami opartymi na WordPressa. Wtyczka ma piękne, dzięki czemu możesz dostosować niezbędne przyciski według własnych upodobań.

Logowania społecznościowe do Wordpressa nie tylko pozwalają użytkownikom logować się do witryny internetowej za pomocą logowania przez Facebook, Twitter, Google, VKontakte, ale także sprawiają, że wygląd zasobu jest bardzo atrakcyjny. Wszystkie moduły wymienione na tej liście są szeroko stosowane i są naprawdę skuteczne. Możesz wybrać dowolną z tych wtyczek i zacząć już teraz.