Prihlásenie do obchodu – Google

Pomocou doplnku Sociálne siete môžete okrem iného nastaviť, aby sa zákazníci prihlásili do vášho e-shopu prostredníctvom ich Google účtu. Pri prvom prihlásení sa zákazník do vášho obchodu zaregistruje. Takáto registrácia je plnohodnotná, v administrácii e-shopu sa založí účet zákazníka pod e-mailom jeho Google účtu a zákazník bude zahrnutý do programu vernostných zliav a získa ďalšie výhody viazané na zákaznícky účet.

Viac informácií o prepojení s ďalšími sociálnymi sieťami a widgetoch sa dozviete v článku Sociálne siete. Zákazníkom môžete umožniť prihlasovanie taktiež prostredníctvom ich Facebook alebo Seznam účtu. Podrobnosti nájdete v samostatných článkoch Prihlásenie do obchodu – Facebook a Prihlásenie do obchodu – Seznam.

Pre správnu činnosť tejto funkcie je potrebné mať e-shop zabezpečený protokolom HTTPS.

Prihlásenie pomocou Google Login

Pre vytvorenie aplikácie, ktorá umožní pre registráciu a prihlásenie zákazníka použiť Google účet, vyžaduje Google overenie vlastníctva webovej stránky. Postup, ako stránku do služby Google Search Console pridať a overiť jej vlastníctvo, nájdete v našom článku Google Search Console.

Pre prepojenie so službou Google Cloud Platform je potrebné mať svoj vlastný účet Google. Pokiaľ ho nemáte, založte si ho tu

Krok 1

  • Prihláste sa na stránky Google Cloud Platform.
  • Použite tlačidlo Select Project → New Project.
  • V novom okne vyplňte názov projektu a vytvorte ho pomocou tlačidla Create.

Krok 2

Teraz je nutné aktivovať Google+ API.

  • Z menu vľavo vyberte záložku APIs & Services.
  • Kliknite tlačidlo + Enable APIs and services.
  • Do poľa pre vyhľadávanie zadajte výraz Google+. Následne zo zobrazených možností vyberte Google+ API.
  • Na nasledujúcej obrazovke potom Google+ API povoľte pomocou tlačidla Enable.
  • Potom zvoľte v ľavom menu APIs & Services → Credentials. Vyberte Create credentials a potom voľbu API key, ktorý sa vám následne zobrazí v pop up okne. Okno iba zatvorte, kľúč nie je potrebné nikam ukladať.
  • Na stránke APIs & Services → Credentials kliknite na tlačidlo Configure consent screen.

Krok 3

V nasledujúcich dialógových oknách nastavujete obsah obrazovky, na ktorej budú neskôr klienti vyjadrovať súhlas s vašimi podmienkami spracovaní osobných údajov.

  • V prvom dialógovom okne zvoľte, či sa jedná o internú alebo externú aplikáciu. Keďže sa jedná o aplikáciu pre vašich klientov, je potrebné ju založiť ako verejnú a zvoľte teda možnosť External.

Na nasledujúcej stránke vyplňte:

  • Názov vašej aplikácie (App name).
  • Môžete taktiež nahrať logo vášho e-shopu (App logo).
  • U User support email uveďte kontaktný e-mail, na ktorý sa môžu vaši zákazníci obrátiť s žiadosťou o pomoc.
  • Do Application home page vložte domovskú stránku vášho e-shopu.
  • Do políčka Application privacy policy link vložte link na adresu, na ktorej sa na vašom e-shope nachádzajú podmienky spracovania a ochrany osobných údajov.
  • V poli Application terms of service link môžete vložte taktiež link na vaše obchodné podmienky. Viac informácií o nastavení obchodných a ďalších podmienok na e-shope nájdete v článku Prvé nastavenie e-shopu.
  • U Authorized domains uveďte názov domény, na ktorej budete aplikáciu používať. Musí ísť o doménu, ktorú vlastníte alebo ku ktorej máte správcovské oprávnenie. Overenie domény môžete vykonať podľa návodu v našom článku Google Search Console.
  • Ako posledné na stránke vyplňte povinné pole Developer contact information. Ide o e-mail, kam budú zasielané informácie ohľadom aplikácie.
  • Ďalšie kroky - tj. sekcia Scopes a Test users nechajte bez zmeny a iba kliknite na tlačidlo Save and continue.

Krok 4

  • Vráťte sa späť na APIs & Services → Credentials.
  • Kliknite na tlačidlo Create credentials a vyberte možnosť OAuth client ID.
  • Na nasledujúcej stránke vyberte ako typ aplikácie možnosť Web application.
  • V administrácii vášho e-shopu otvorte umiestnenie Prepojenie → Sociálne siete, záložka Google.
  • V sekcii Povoliť prihlásenie skopírujte adresu, ktorá sa nachádza v riadku Vaše "Redirect URIs" . Má vždy rovnaký tvar ako: http://www.domena-eshopu.sk/cms/libs/hybridauth/index.php?hauth.done=Google. Líši sa iba názvom vašej domény (obrázok 01).
  • Túto adresu vložte do poľa Authorized redirect URIs v administrácii Google. Nakoniec kliknite na tlačidlo Create.
Obrázok 01
Obrázok 01

Krok 5

  • Potom, čo v administrácii Google kliknete na tlačidlo Create, objaví sa obrazovka, na ktorej uvidíte Client ID (hore) a Client Secret (dole) (obrázok 02).
Obrázok 02
Obrázok 02
  • Kódy skopírujte a vložte ich do príslušných prázdnych polí Vaše "Client ID" a Vaše "Client Secret" (obrázok 03). Stránku po vložení kódu uložte.
Obrázok 03
Obrázok 03

Tým je všetko nastavené. Vašim zákazníkom sa políčko prihlásenia cez Google zobrazí na e-shope ako na obrázku 04.

Obrázok 04
Obrázok 04