Google Recaptcha einbinden – Anleitung HTML/PHP

Wie kann man Google Recaptcha einbinden?

Anleitung in HTML und PHP Code.

Es gab zig Fake Registrierungen bei einer Webseite von mir. Nach mehreren Email täglich wollte ich ein Captcha einbauen, sodass sich irgendwelche Bots nicht mehr registrieren können.

reCAPTCHA Schlüssel anfordern

https://www.google.com/recaptcha/admin

Einmal auf die Google Recaptcha Seite gehen und eine neue Webseite anlegen.

Google Recaptcha einbinden - Anleitung HTML/PHP

Danach bekommt man zwei Recaptcha Schlüssel geliefert.

Anpassung im HTML Code

In der Formulardatei ganz oben die API einbinden:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

Weiter unten innerhalb des Formulars das Captcha anzeigen lassen:

<div class="g-recaptcha" data-sitekey="WEBSITESCHLUESSEL"></div>

Wenn man den eigenen Websiteschlüssel nun einfügt erhält man nun das korrekte Formular mit dem neuen Captcha Feld:

google captcha integration

Überprüfung des Logins in PHP

Nun muss man in einer weiteren Datei die ganzen Registrationsdaten überprüfen. Stimmen die Passwörter überein? Ist die Email Adresse schon registriert? Sind alle Daten in dem korrekten Format?

Nach diesen Überprüfungen wird dann letztendlich der Benutzeraccount angelegt. Hier bauen wir nun Google Recaptcha ein.

Dies geht folgendermaßen:

Ganz oben innerhalb dieser Datei:

require_once "recaptchalib.php";

https://github.com/google/recaptcha/blob/1.0.0/php/recaptchalib.php

Deeplink: https://raw.githubusercontent.com/google/recaptcha/1.0.0/php/recaptchalib.php

Einige Funktionen müssen zuerst eingebunden werden. Nachdem der Code für die Einbindung eingefügt wurde, muss die Datei im selben Verzeichnis abgespeichert werden.

Folgender Code einfügen:

$captcharesponse = $_POST['g-recaptcha-response'];
$secret = "GEHEIMERSCHLUESSEL";
$response = null;
$reCaptcha = new ReCaptcha($secret);

if ($_POST["g-recaptcha-response"]) {
$response = $reCaptcha->verifyResponse(
$_SERVER["REMOTE_ADDR"],
$_POST["g-recaptcha-response"]
);
}

Dieser Code nimmt die Antwort vom Recaptcha ob es erfolgreich überprüft wurde.

Ausgabe in HTML

Nun folgt die Auswertung:

if($response != null && $response->success) {
#captcha erfolgreich
} else {
#captcha fehler
}

Wenn das Captcha erfolgreich betätigt wurde, folgt das Einfügen des Benutzerkontos in die Datenbank oder irgendwelche anderen Dinge je nach Anwendungszweck. Wenn der Nutzer das Captcha nicht korrekt gelöst wurde, oder irgendein Bot probleme macht, kann man einfach per echo eine Fehlermeldung ausgeben.

Fazit Google Recaptcha

google captcha integration

Es wurde nun erfolgreich eingebunden. Entweder der Nutzer bekommt eine Fehlermeldung oder das Konto wird wie gewünscht angelegt.

Hier mal eine Übersicht über ein altes Projekt. Wenn ein bestimmter Kurs erreicht wurde, wird
Durch folgende Webseite könnt ihr nicht benötigten CSS "Code" ausfindig machen und rauswerfen. Das Tool
Eine H3 Überschrift aus dem Wordpress Kommentarfeld in einen Paragraphen umwandeln. Seobility hat mir gesagt,
Wenn man eine neue Webseite erstellt, bedarf es einiger Schriftarten. Es wäre natürlich toll, einen
Es besteht eine Datenbank mit verschiedenen User Agents. Wie kann man sich diese nun anschaulich

Hinterlasse einen Kommentar

  Abonnieren  
Benachrichtige mich bei
Scroll to Top