# Přihlášení přes Google

Díky tomuto doplňku se zákazníci mohou snadno přihlásit do vašeho e-shopu prostřednictvím svého Google účtu. Při prvním přihlášení systém automaticky vytvoří plnohodnotnou registraci, ve které se zákaznický účet propojí s e-mailem použitým v Google. Tímto způsobem získají zákazníci rychlý a pohodlný přístup bez nutnosti zadávat další údaje, zatímco vy budete mít všechny potřebné informace přehledně uložené v administraci e-shopu.

## Nastavení

Aby bylo možné vytvořit aplikaci umožňující registraci a přihlášení zákazníků prostřednictvím Google účtu, je nutné ověřit vlastnictví webové stránky v Google. 

Pro propojení s Google Cloud Platform je nezbytné mít aktivní Google účet. Pokud jej ještě nemáte, můžete si ho snadno založit na [oficiálním webu Google](https://accounts.google.com/signup/v2/webcreateaccount?hl=cs\&continue=https%3A%2F%2Fmyaccount.google.com%2Fintro\&flowName=GlifWebSignIn\&flowEntry=SignUp).

### Vytvoření projektu v Google Cloud Platform

1. Přihlaste se do [Google Cloud Platform](https://console.developers.google.com/). 
2. V horní části stránky klikněte na tlačítko pro výběr projektu a poté na **New Project**. 
3. V zobrazeném okně zadejte název projektu a potvrďte vytvoření tlačítkem **Create**.

<figure><img src="https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8g4-si8hFmKl7wXNja%2Fuploads%2FVrJ6jWZx1F2o19btJe4e%2Fimage.png?alt=media&#x26;token=0e010447-a37d-4e53-86fa-f24581ea5f15" alt=""><figcaption></figcaption></figure>

### Vytvoření přihlašovacích údajů (Credentials)

1. V levém menu přejděte do sekce **APIs & Services → Credentials**.
2. Klikněte na tlačítko **Create credentials** a vyberte možnost **OAuth Client ID**.
3. Pokud se zobrazí výzva k nastavení obrazovky souhlasu, pokračujte dalším krokem.

### Nastavení obrazovky souhlasu (Consent Screen)

1. Klikněte na tlačítko **Get started** a na záložce **App Information** nastavte všechny potřebné údaje jako název aplikace a zvolení e-mailu pro podporu.\ <br>

   <figure><img src="https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8g4-si8hFmKl7wXNja%2Fuploads%2FwV9TFTg33WDnS028Y8SX%2Fimage.png?alt=media&#x26;token=fe312426-5807-49f3-a23c-ea1863c2ecb2" alt=""><figcaption></figcaption></figure>
2. Na záložce **Audience** zvolte typ přihlašování na **Extetnal**.
   * **Interní**, pokud jej používáte pouze v rámci vaší organizace (pro firemní účty Google Workspace).
   * **Externí**, pokud váš e-shop používají běžní uživatelé.
3. Na záložce **Contact Information** zadejte váš kontaktní e-mail.
4. Na poslední záložce **Finish** zaškrtněte na souhlas s podmínkami.
5. Klikněte na **Create**.
6. Přejděte do části **Branding** a vyplňte potřebné údaje.
7. Přejděte do části **Audience** a zadejte testovacího uživatele se kterým otestujete přihlašování.

### Dokončení konfigurace přihlašovacích údajů

1. Pokračujte do části **Clients** a zde klikněte na tlačítko **Create client**.
2. Zvolte **Application type** jako **Web application**.
3. V poli **Name** zadejte název klienta.
4. Do pole **Authorized JavaScript origins** zadejte adresu vašeho e-shopu, např.:
   * `https://www.muj-eshop.cz`
5. Do pole **Authorized redirect URIs** přidejte adresu vašeho e-shopu, např.:
   * `https://www.muj-eshop.cz/auth/google/callback`
6. Klikněte na **Create** a vygenerovaný klientský identifikátor a tajný klíč si uložte.

<figure><img src="https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8g4-si8hFmKl7wXNja%2Fuploads%2FmLGgKbWbEnwlDNhPRn2u%2Fimage.png?alt=media&#x26;token=21e69dfa-982d-4999-8eb6-fe5b7ae75994" alt=""><figcaption></figcaption></figure>

### Nastavení přihlášení v administraci e-shopu

Přihlaste se do administrace e-shopu, přejděte do sekce **Nastavení / Google služby** záložka **Přihlášení přes Google**, zadejte vygenerované údaje **Client ID** a zapněte **Povolit přihlášení**, uložte změny a aktivujte přihlášení přes Google.

<figure><img src="https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8g4-si8hFmKl7wXNja%2Fuploads%2FjH2DmYTVoskRnynSxmXn%2Fimage.png?alt=media&#x26;token=80e11466-b4ed-4d16-822b-dda5e1f17b49" alt=""><figcaption></figcaption></figure>

Po uložení nastavení se v e-shopu automaticky zobrazí tlačítko pro přihlášení přes Google. Pro zajištění správné funkčnosti doporučujeme provést testovací přihlášení a ověřit, že vše funguje bez problémů.

Poté znovu otevřete sekci **Audience** a kliknutím na tlačítko **Publish App** spusťte aplikaci do ostrého provozu.

### Vyzvat k přihlášení

Aby zákazníci snadno našli možnost přihlášení přes Google účet, můžete v nastavení modulu aktivovat funkci **Vyzvat k přihlášení**. Po jejím zapnutí se zákazníkům, kteří používají Google účet, zobrazí na e-shopu pop-up okno s nabídkou rychlého přihlášení. Tímto způsobem usnadníte přihlášení a zároveň můžete zvýšit počet aktivních zákaznických účtů.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://napoveda.rocketoo.cz/rocketoo/rozsireni/prihlaseni-pres-google.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.