Tovább a tartalomhoz

Google reCAPTCHA

A Google reCAPTCHA bekötése: kulcsok beszerzése, a Globális beállítások kitöltése, a reCaptcha mező hozzáadása az űrlaphoz.

A reCAPTCHA a Google captcha-rendszere. Gépi tanulással különbözteti meg az embert a botoktól, és így védi az űrlapjaidat az automatikus spamtől. A Fluent Formsban két verziója használható:

  • Verzió 2 (Látható reCAPTCHA): a látogatónak be kell jelölnie az „I’m not a robot” négyzetet, vagyis kihívással igazolja, hogy ember.
  • Verzió 3 (Láthatatlan reCAPTCHA): a háttérben fut, és pontszámot ad a látogató viselkedésére, ebből dönti el, hogy bot-e.

1. lépés: kulcsok beszerzése a Google-nél

Szekció neve “1. lépés: kulcsok beszerzése a Google-nél”

A kulcsokat a Google reCAPTCHA adminisztrációs felületén kapod meg, egy Google-fiókkal.

  1. Jelentkezz be a Google reCAPTCHA adminisztrációs oldalára, és kattints a plusz ikonra új webhely felvételéhez.
  2. A Label (címke) mezőbe írj egy nevet, amiről később felismered a webhelyet.
  3. Válaszd ki a reCAPTCHA típusát (v2 vagy v3), attól függően, melyik verziót akarod használni a Fluent Formsban.
  4. A Domains mezőbe írd be a webhelyed címét, és ha kell, válaszd ki a Google Cloud-projektedet.
  5. Kattints a Submit gombra. Megjelenik a Site key (webhelykulcs) és a Secret key (titkos kulcs). Másold ki mindkettőt.

Fontos, hogy a Google-nél választott típus egyezzen a Fluent Formsban kiválasztott verzióval, mert a kulcsok verziónként különböznek.

2. lépés: a kulcsok megadása a Fluent Formsban

Szekció neve “2. lépés: a kulcsok megadása a Fluent Formsban”
https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings&x=0.7845853271662444
A Biztonság → reCAPTCHA beállítóoldal verzióválasztóval, kulcsmezőkkel és gombokkal
  1. Nyisd meg a Globális beállítások oldalt, bal oldalt kattints a Biztonság menüpontra, majd a reCAPTCHA almenüre.
  2. A reCAPTCHA verzió alatt válaszd ki a Verzió 2 (Látható reCAPTCHA) vagy a Verzió 3 (Láthatatlan reCAPTCHA) lehetőséget.
  3. Illeszd be a Webhelykulcs és a Titkos kulcs mezőbe a Google-től kimásolt kulcsokat.
  4. A kulcsok beírása után a Kulcsok érvényesítése résznél megjelenik a captcha. Old meg egyszer: így derül ki, hogy a kulcsok érvényesek, és a mentés csak ezután működik.
  5. Kattints a Beállítások mentése gombra.

A Beállítások kiürítése gomb törli a mentett kulcsokat.

3. lépés: a reCaptcha mező az űrlapban

Szekció neve “3. lépés: a reCaptcha mező az űrlapban”

Ha a kulcsok megvannak, két módon használhatod a captchát.

Egy űrlapban, mezőként:

  1. Nyisd meg az Űrlapok menüből az űrlapot a Szerkesztés gombbal.
  2. A jobb oldali Beviteli mezők fülön nyisd ki a Speciális mezők csoportot.
  3. Kattints a reCaptcha mezőre, vagy húzd az űrlapra.
  4. Mentsd az űrlapot a Save Form gombbal.
https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=5
A Speciális mezők csoport a reCaptcha, hCaptcha és Turnstile mezővel

Ha még nincsenek érvényes kulcsok, a három captcha-mező szürke, és rájuk kattintva ilyen üzenetet kapsz:

https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=5
Az üzenet, amely a reCaptcha mező hozzáadásakor a hiányzó API-kulcsra figyelmeztet

Az üzenet szerint a kulcsokat a Globális beállítások → Biztonság → reCaptcha oldalon kell megadnod.

Egy űrlapban egyszerre csak egy captcha-mező lehet: ha már van az űrlapon captcha, egy újabb hozzáadásakor a rendszer jelzi, hogy már hozzáadtál egyet.

Minden űrlapon egyszerre: kapcsold be a Captcha automatikus betöltése beállítást a Globális beállítások → Általános → Egyéb oldalon, és válaszd a Google reCAPTCHA-t, lásd a Honeypot, automatikus captcha és Akismet fejezetben. Ilyenkor külön mezőt már nem lehet az űrlapba tenni.

A mezőre húzva az egeret kattints a ceruza ikonra, és a jobb oldalon megnyílik a Beviteli mezők testreszabása fül.

https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=5
A reCaptcha mező testreszabási paneljén az Elem címkéje és a Névattribútum mező
Beállítás Mit csinál
Elem címkéje A mező címe, amelyet a látogató az űrlap kitöltésekor lát. Bármilyen szöveget beírhatsz, ami segít megérteni a mező célját.
Névattribútum A beviteli mező HTML name attribútuma. Alapértéke g-recaptcha-response, ezt nem kell módosítanod.

Mentsd az űrlapot, és az Előnézet és tervezés gombbal nézd meg, hogyan működik a captcha. Az űrlapot a jobb felső sarokban lévő rövidkóddal teheted ki egy oldalra vagy bejegyzésbe, vagy beágyazhatod blokkszerkesztőben is, lásd az oldalépítős beágyazást.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások