# Google reCAPTCHA

> A reCAPTCHA kulcsainak beszerzése és beállítása, majd a reCaptcha mező felvétele az űrlapra.

A reCAPTCHA a Google ingyenes CAPTCHA-rendszere. Gépi tanulással különbözteti meg az embereket a robotoktól, és így kiszűri a spambeküldéseket. A Fluent Formsban két lépésben használod: előbb a globális beállításoknál megadod a kulcsokat, utána az űrlapra felveszed a **reCaptcha** mezőt.

## A reCAPTCHA verziói

| Verzió | Működés |
|---|---|
| Verzió 2 (Látható reCAPTCHA) | A látogatónak be kell jelölnie, hogy nem robot („I'm not a robot”). Feladványnyal ellenőrzi a kérést. |
| Verzió 3 (Láthatatlan reCAPTCHA) | A háttérben fut, a látogató viselkedését pontozza, és a pontszám alapján dönti el, hogy robot-e. |

A verzióhoz tartozó kulcsot kell megadnod: a v2 kulcsa nem működik v3-nál, és fordítva.

## Kulcsok beszerzése a Google-nél

1. Nyisd meg a Google reCAPTCHA felügyeleti oldalát, és jelentkezz be a Google-fiókoddal.
2. Kattints a plusz ikonra új webhely felvételéhez.
3. A **Label** (címke) mezőbe írj egy nevet, amelyről később felismered a webhelyedet.
4. Válaszd ki a reCAPTCHA típusát (v2 vagy v3).
5. A **Domains** mezőbe írd be a webhelyed címét (domainjét). Ha szeretnéd, a **Google Cloud Platform** legördülő listából projektet is választhatsz.
6. Kattints a **Submit** gombra. Megjelenik a **Site key** (webhelykulcs) és a **Secret key** (titkos kulcs).
7. Másold ki mindkettőt a **Copy Site Key** és **Copy Secret Key** gombokkal. A **Go To Settings** gombbal további beállításokat is elérsz.

## Kulcsok megadása a Fluent Formsban

1. Nyisd meg a **Fluent Forms Pro → Globális beállítások** oldalt.
2. A bal oldali menüben nyisd le a **Biztonság** fület, és kattints a **reCAPTCHA** pontra.
3. A **reCAPTCHA verzió** alatt válaszd ki a **Verzió 2 (Látható reCAPTCHA)** vagy a **Verzió 3 (Láthatatlan reCAPTCHA)** lehetőséget.
4. A **Webhelykulcs** és a **Titkos kulcs** mezőbe másold be a Google-től kapott kulcsokat.
5. Kattints a **Kulcsok érvényesítése** gombra. Ha a kulcsok rendben vannak, a „A reCAPTCHA érvényes” üzenet jelenik meg.
6. Kattints a **Beállítások mentése** gombra.

![A reCAPTCHA beállításai a Globális beállítások Biztonság fülén](./kepek/vedelem-1-recaptcha-kulcsok.webp)

*A reCAPTCHA beállításai a Globális beállítások Biztonság fülén* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a verzióválasztó, a két kulcsmező és az érvényesítés eredménye látszik. A **Beállítások kiürítése** gomb törli a mentett kulcsokat.

> **Megjegyzés**
>
> A kulcsmezőkben a képen szereplő értékek mintaértékek, nem valódi kulcsok.

## A reCaptcha mező felvétele az űrlapra

A mező csak akkor használható, ha a kulcsok be vannak állítva.

1. Nyisd meg az **Űrlapok** listát, és kattints a kívánt űrlap szerkesztésére.
2. A jobb oldali **Beviteli mezők** panelen nyisd le a **Speciális mezők** csoportot.
3. Kattints a **reCaptcha** mezőre, vagy húzd az űrlapra. A szerkesztő bal oldali részén a plusz ikon is megnyitja a mezőválasztót.
4. Kattints a **Save Form** gombra.

![A szerkesztőben az űrlapra felvett reCaptcha mező, mellette a Speciális mezők lista](./kepek/vedelem-1-recaptcha-mezo.webp)

*A szerkesztőben az űrlapra felvett reCaptcha mező, mellette a Speciális mezők lista* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=2&route=editor)

A képen a **Speciális mezők** csoport látszik a **reCaptcha**, a **hCaptcha** és a **Turnstile** mezővel, az űrlap alatt pedig a felvett reCAPTCHA-doboz.

> **Megjegyzés**
>
> Egy űrlapon csak egy Captcha-mező lehet. Ha már van rajta egy, a szerkesztő angol nyelvű figyelmeztetést ad: „A captcha has been already added.” Ha a reCAPTCHA a Globális beállításokban minden űrlapra be van kapcsolva, külön mezőt sem tudsz hozzáadni.

## A mező testreszabása

A felvett mezőre kattintva a jobb oldalon a **Beviteli mezők testreszabása** fül nyílik meg. A mezőt a rámutatáskor megjelenő eszköztár ikonjaival mozgathatod, másolhatod és törölheted.

| Beállítás | Mit csinál |
|---|---|
| Elem címkéje | A mező címe, amelyet a látogató lát. Bármilyen szöveg lehet, ami segít megérteni a mező célját. |
| Névattribútum | A mező HTML-es neve. Alapértéke `g-recaptcha-response`, ezt nem kell módosítanod. |

![A reCaptcha mező testreszabási panelje](./kepek/vedelem-1-recaptcha-mezo-testreszabas.webp)

*A reCaptcha mező testreszabási panelje* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=2&route=editor)

A képen a jobb oldali panel az **Elem címkéje** és a **Névattribútum** mezővel látható.

## Az űrlap kiadása és kipróbálása

1. A **Save Form** gombbal mentsd az űrlapot.
2. Az **Előnézet és tervezés** gombbal nézd meg, hogyan jelenik meg.
3. Az oldalra vagy bejegyzésbe illeszd be a felső sávban látható rövidkódot, vagy ágyazd be az űrlapot a Gutenberg blokkszerkesztőben.

A kész űrlapon a látogatók a reCAPTCHA-ellenőrzés után küldhetik be az adataikat.