--- title: "Belépés közösségi oldalakon keresztül – Google" articleId: "googleLogin" lastEdited: "2024-05-20 19:54 UTC" canonical: https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/ breadcrumb: "Shoptet Támogatás / Rendelések / Ügyfelek" language: hu sections: - { title: "Belépés közösségi oldalakon keresztül", level: 2, url: "https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/#belepes-kozossegi-oldalakon-keresztul" } - { title: "Belépés Google fiókkal", level: 2, url: "https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/#belepes-google-fiokkal" } - { title: "1. lépés", level: 4, url: "https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/#1-lepes" } - { title: "2. lépés", level: 3, url: "https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/#2-lepes" } - { title: "3. lépés", level: 4, url: "https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/#3-lepes" } - { title: "4. lépés", level: 4, url: "https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-google/#4-lepes" } --- # 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](https://alkalmazasok.shoptet.hu/kozossegi-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](https://tamogatas.shoptet.hu/https-biztonsag/) 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](https://tamogatas.shoptet.hu/kozossegi-halozatok/) 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](https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-facebook/) és [Belépés közösségi oldalakon keresztül – Seznam](https://tamogatas.shoptet.hu/belepes-kozossegi-oldalakon-keresztul-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](mailto: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](https://tamogatas.shoptet.hu/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](https://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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618689651218-mceclip1.png) 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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618706168722-mceclip2.png) ### 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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618776159250-mceclip3.png) 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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618761814162-mceclip4.png) Ezután lépjen az **APIs & Services -> Credentials** menüpontra. Kattintson a **Create Credentials** gombra (05. ábra). ![05. ábra](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618781159186-mceclip5.png) Válassza az **API key**opció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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618812602642-mceclip6.png) 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](https://tamogatas.shoptet.hu/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](https://tamogatas.shoptet.hu/hozzajarulasok-beallitasa/) 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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618988081682-mceclip7.png) 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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/11618975854226-mceclip8.png) 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](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/4817163511698-mceclip0.png) 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.