Welkom bij VeiligLanceren.nl

Google onzichtbare reCAPTCHA v2 te implementeren

Door Redactie

Hoe maak je een Google reCAPTCHA v2 Onzichtbare Badge en Waarom is Dit Handig?

Spam in formulieren, contactpagina’s of registratiesystemen is een veelvoorkomend probleem. Een effectieve oplossing hiervoor is Google reCAPTCHA v2 Onzichtbare, een variant die gebruikers niet hindert met checkboxen of puzzels. In dit artikel leggen we uit hoe je deze implementeert en waarom het waardevol is voor je website.


Stappenplan: Onzichtbare reCAPTCHA v2 Instellen

  1. Registreer je site bij Google
    Ga naar de Google reCAPTCHA Admin Console, maak een nieuwe site aan en kies het type reCAPTCHA v2 > Onzichtbare reCAPTCHA badge. Vul je domeinnaam in en sla de sleutels (Site Key en Secret Key) op.

  2. Integreer de reCAPTCHA-code in je HTML
    Voeg het reCAPTCHA-script toe aan de <head> van je pagina:

    html

    Copy

    Download

    Run

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>  
  3. Koppel reCAPTCHA aan een formulierknop
    Voeg data-sitekey (je Site Key) en een callback-functie toe aan je submitknop:

    html

    Copy

    Download

    Run

    <button class="g-recaptcha" data-sitekey="JE_SITE_KEY" data-callback="onSubmit">Versturen</button>  
  4. Behandel de callback met JavaScript
    Valideer het token na verzending via je backend (bijv. PHP, Node.js):

    javascript

    Copy

    Download

    function onSubmit(token) {  
      document.getElementById("mijnFormulier").submit();  
    }  
  5. Server-side validatie
    Gebruik de Secret Key om het token te verifiëren bij Google’s API. Zonder deze stap werkt de beveiliging niet!


Waarom kies je voor een Onzichtbare reCAPTCHA v2?

  1. Geen gebruikersinteractie nodig
    De badge werkt op de achtergrond. Alleen bij verdachte activiteiten wordt een challenge getoond.

  2. Minder spam, betere conversie
    Bots worden geblokkeerd zonder dat echte gebruikers iets hoeven te doen, wat de gebruikerservaring (UX) verbetert.

  3. Compatibel en eenvoudig
    Werkt naadloos met alle moderne browsers en vereist minimale code-aanpassingen.

  4. Bescherming tegen geavanceerde aanvallen
    Google’s AI analyseert gedrag om zelfs geavanceerde bots te herkennen.

  5. SEO-vriendelijk
    Geen negatieve impact op laadsnelheid of crawlbaarheid van je site.


Conclusie

Met Google reCAPTCHA v2 Onzichtbare verhoog je de veiligheid van je formulieren zonder de gebruiksvriendelijkheid te schaden. Door de stappen hierboven te volgen, bescherm je je website efficiënt tegen spam en malafide activiteiten.

Meer weten over veilige webdevelopment? Blijf onze blog op VeiligLanceren.nl volgen!

Deel dit artikel: