Zabezpečení formulářů na webu (nejen) pomocí reCAPTCHA

Webové formuláře jsou jeden z nejčastěji napadených prvků webu. Existuje mnoho různě sofistikovaných technik, jimiž se hackeři mohou skrze nechráněný formulář snadno dostat k citlivým údajům vašich návštěvníků a zákazníků. 

V tomto článku si ukážeme způsoby, jak formuláře a data skrze ně posílaná před hackery jednoduše ochránit.

reCAPTCHA: nejjednodušší ochrana webových formulářů

reCAPTCHA je bezplatné zabezpečení od Googlu, které umožňuje rozlišit mezi skutečnými uživateli a automatizovanými boty, kteří se pokoušejí prolomit formulář. 

Určitě jste je už někdy použili. Je to ono zaškrtávací políčko „Nejsem robot“ pod formulářem. 

Zaškrtávací políčko Nejsem robot (zdroj: Wiki)

Zabezpečení formulářů pomocí Google reCAPTCHA podporuje většina redakčních systémů. Stačí do formuláře zadat klíče a s touto službou je propojit. 

Jak si aktivovat reCAPTCHA ve formuláři

Pro vytvoření reCAPTCHA je zapotřebí mít účet u Google (a být v něm přihlášený).

Klíče si vygenerujete na google.com/recaptcha/admin.

1. Pojmenujte si reCAPTCHA (důležité, chcete-li je používat pro více webů).
2. Vyberte typ reCAPTCHA:
a) Novější reCAPTCHA V3 verifikuje uživatele pomocí skóre, které mu Google přiřadí podle jeho chování na stránce. Pokud si není jistý, přejde Google na reCAPTCHA V2.

b) Starší reCAPTCHA V2 funguje na základě obrázků, které musí uživatel vyhodnotit podle zadání.

3. Zadejte doménu, pro kterou chcete reCAPTCHA použít.
4. Zaškrtněte souhlas se zpracováním obchodních údajů.
5. Klikněte na SUBMIT.

Poté se vám zobrazí 2 klíče: Site key a Secret key. Oba si zkopírujte a zadejte do svého nástroje pro formuláře.

reCAPTCHA pro WordPress

Pro WordPress můžete použít plugin Advanced Google reCAPTCHA. 

Používáte-li námi doporučovaný plugin pro formuláře WPForms, aktivujete si reCAPTCHA jednoduše v Nastavení pluginu pod záložkou CAPTCHA.

Další způsoby zabezpečení formulářů

Svůj formulář můžete zabezpečit i „pastí na roboty“. Stačí, když jej rozšíříte o skryté pole:

pomocí HTML kódu:

<input type="text" name="Nejsem robot" style="display: none;">

nebo pomocí javascriptu:

<div id="fooDiv">
<label for="foo">Leave this field blank</label>
<input type="text" name="foo" id="foo">
</div>
<script>
(function () {
var e = document.getElementById("fooDiv");
e.parentNode.removeChild(e);
})();
</script>

Pokud toto pole někdo vyplní, máte jistotu, že se jedná o robota. Běžný uživatel jej totiž ve formuláři nevidí.