Google reCAPTCHA

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.

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.

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.

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.