Belépés közösségi oldalakon keresztül – Google

Belépés közösségi oldalakon keresztül

A Közösségi oldalak alkalmazásnak köszönhetően többek közt beállítható az is, hogy a vevők Google fiókkal is bejelentkezhetnek a webáruházba. Az ilyen regisztráció teljes értékű, a webáruház adminisztrációs felületén felhasználói fiók jön létre. A vevő tehát be lesz vonva a hűségkedvezményt és egyéb előnyöket kínáló programokba.

A funkció helyes működéséhez a webáruház védelmét HTTPS protokollal kell biztosítani.

Bővebb információk a további közösségi oldalakkal való összekapcsolásról és a widgetekről a Közösségi oldalak című cikkben találhatók. Azt is engedélyezheti vásárlóinak, hogy Facebook- vagy Seznam fiókjukon keresztül bejelentkezzenek. Részletekért tekintse meg cikkeinket: Belépés közösségi oldalakon keresztül – Facebook és Belépés közösségi oldalakon keresztül – Seznam.

Ha az alkalmazás kiválasztásával és rendelésével kapcsolatban szeretne tanácsot kérni, vegye fel velünk a kapcsolatot az info@shoptet.hu e-mail címen.

Belépés Google fiókkal

Vásárlóinak lehetővé teheti, hogy Google fiókjukkal lépjenek be a webáruházba. Az ezt biztosító alkalmazás elkészítéséhez a Google kéri annak a weboldalnak a tulajdonjogi ellenőrzését, amelyet a Google Search Console-ban kialakított bejelentkezés megcéloz. Az oldal Google szolgáltatáshoz való hozzáadásának és tulajdonjogi tanúsításának útmutatója a Google Search Console cikkünkben található, konkrétan azokban a fejezetekben, amelyek az oldal hozzáadását és tanúsítását taglalják.

A Google APIs szolgáltatással való összekapcsoláshoz szükség van egy saját Google fiókra. Ha még önnek nincs, készítsen egyet.

Ha több Google fiókja van, akkor válassza ki azt, amelyet párosítani szeretne a Google APIs szolgáltatással.

1. lépés

Itt lépjen be az APIs-Google oldalakra: console.developers.google.com 

Az oldalakon kattintson a Select a Project menüpontra. Ha már kész a projekt a bejelentkezés kialakításához, válassza ki. Ha még nincs ilyen projekt, kattintson a New Project gombra (01. ábra).

01. ábra
01. ábra

Megnyílik az új projekt ablaka (New Project). Töltse ki a projekt nevét (a mi példánkban Login Google) és kattintson a Create gombra (02. ábra).

02. ábra
02. ábra

2. lépés

Most aktiválni kell a Google API-t. A kezdő képernyőn válassza ki a + Enable APIs and Services gombot (03. ábra).

03. ábra
03. ábra

A keresőmezőbe adja meg a Google+ fogalmat. Ezt követően a megjelenő lehetőségek közül válassza ki a Google+ API-t (04. ábra).

A következő képernyőn kattintson az Enable gombra.

04. ábra
04. ábra

Ezután lépjen az APIs & Services -> Credentials menüpontra. Kattintson a Create Credentials gombra (05. ábra).

05. ábra
05. ábra

Válassza az API keyopciót. Generálásra kerül egy API kulcs. Azt nem kell sehová elmentenie, a kiugró ablakot bezárhatja.

Ezután kattintson a Set Up Consent Screen lehetőséget (07. ábra). Válassza az External opciót.

07. ábra
07. ábra

A következő oldalon töltse ki:

Az alkalmazás a nevét (Aplication name).

Feltöltheti a webáruház logóját (Application logo).

A Support email mezőbe tüntesse fel azt az e-mail címet, amelyen a vásárlói segítséget kérhetnek öntől.

A Authorized domains mezőbe tüntesse fel azt a domain nevet, amelyen az alkalmazás fut majd. Ez olyan domain név legyen, amelynek ön a tulajdonosa, vagy adminisztrátori jogosultsága van hozzá. A domain név tanúsításának lépéseit a Google Search Console című cikkünkben ismertetjük.

Az Application Homepage link mezőbe szúrja be webáruháza honlapját.

Az Application Privacy Policy mezőbe szúrja be azt a linket, ahol a webáruházban érvényesülő Személyes adatok védelmének feltételei találhatók. Az Application Terms of Service mezőbe szúrja be az Általános Szerződési Feltételekre mutató linket. Bővebb információk a szerződési és egyéb feltételekkel kapcsolatban a Belegyezések beállítása cikkben olvashatók.

A szerkesztést a Save and continue gombra kattintva fejezi be

3. lépés

Lépjen vissza az APIs & Services → Credentials oldalra.

Create credentials-re kattintva válassza ki a OAuth client ID lehetőséget.

A Create OAuth client ID oldalon az alkalmazás típusaként válassza ki Web application lehetőséget.

A Shoptet admin felületén lépjen az Összekapcsolás → Közösségi hálózatok menüpont Google fülre. A Bejelentkezés engedélyezése szekcióban másolja ki azt a címet, amely a Saját "Redirect URIs" sorban található . Mindig azonos formában van feltüntetve: http://www.webaruhaz-domain.cz/cms/libs/hybridauth/index.php?hauth.done=Google. Csak az ön domain nevében különbözik.

Ezt a címet szúrja be a Google adminisztrációs felületén található Authorized redirect URIs mezőbe. Végül kattintson a Create gombra (09. ábra).

4. lépés

Miután a Google adminisztrációs felületén rákattint a Create gombra, megjelenik egy képernyő, amelyen látható az ön „Client ID“-ja (fent), és az ön „Client Secret“-je (lent) (10. ábra).

11. ábra
11. ábra

A kódokat fokozatosan másolja ki mindkét mezőből és szúrja be a megfelelő üres mezőkbe: Saját "Client ID" (felül) a Saját "Client Secret" (11. ábra).

12. ábra
12. ábra

Miután a kódokat kimásolta, kattintson a Google adminisztrációs felületén az OK gombra.

Ne feledkezzen a Mentés gombra való kattintásról sem a webáruház adminisztrációs felületén (jobboldalt, felül).

Majd a Credentials alatt állítsa be az Authorized redirect URIs-t, amelyet a Shoptet admin felületének Összekapcsolás-Közösségi hálózatok-Google-Az ön "átirányítási URI-jai" mellett talál.

13. ábra
13. ábra

Ezzel mindent beállított. Vásárlói előtt a Google fiókkal való bejelentkezés lehetősége így jelenik meg a webáruházban.