{"id":25220,"date":"2021-06-03T18:04:00","date_gmt":"2021-06-03T15:04:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25220"},"modified":"2021-10-18T02:34:37","modified_gmt":"2021-10-17T23:34:37","slug":"integrieren-sie-google-invisible-recaptcha-mit-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/integrieren-sie-google-invisible-recaptcha-mit-php\/","title":{"rendered":"Integrieren Sie Google Invisible reCAPTCHA mit PHP"},"content":{"rendered":"

Das Hinzuf\u00fcgen von Captcha auf den Website-Formularen ist heutzutage notwendig. Andernfalls f\u00fcllen sich Ihr Posteingang und Ihre Datenbank mit Tonnen von Spam. Es verschwendet nur unsere Zeit beim Bereinigen von E-Mails und belegt auch zus\u00e4tzlichen Platz in der Serverdatenbank.<\/p>\n

Google reCAPTCHA ist eine bessere M\u00f6glichkeit, Ihre Formulare vor Bots zu sch\u00fctzen. Wenn Sie reCAPTCHA verwenden, werden Sie mit Ihren Formularen nur fortfahren, wenn es echte menschliche Interaktionen gibt.<\/p>\n

In diesem Artikel untersuchen wir, wie Sie Google Invisible reCAPTCHA mit PHP in Ihre Website-Formulare integrieren. Bei Invisible reCAPTCHA m\u00fcssen Ihre Besucher keine R\u00e4tsel l\u00f6sen. Es muss die Anfrage im Hintergrund auf der Serverseite validieren.<\/p>\n

Registrieren Sie die Site und erhalten Sie API-Schl\u00fcssel<\/h3>\n

Um zu beginnen, registrieren Sie Ihre Site hier \u2013 <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n

W\u00e4hlen Sie eine Option "Unsichtbares reCAPTCHA-Abzeichen" aus "reCAPTCHA v2".<\/p>\n

\"Integrieren<\/a><\/p>\n

F\u00fcgen Sie Ihre Domain im gleichen Formular hinzu. Sie k\u00f6nnen beliebig viele Dom\u00e4nen einf\u00fcgen. Bei einem lokalen Server wird die Dom\u00e4ne als localhost hinzugef\u00fcgt. Beim Absenden eines Formulars erhalten Sie die API-Schl\u00fcssel. Kopieren Sie diese Schl\u00fcssel. Sie wird in den n\u00e4chsten Schritten ben\u00f6tigt.<\/p>\n

\"Integrieren<\/a><\/p>\n

Integrieren Sie Google Invisible reCAPTCHA<\/h3>\n

Um ein unsichtbares reCAPTCHA in das Formular einzuf\u00fcgen, ist ein etwas anderer Ansatz erforderlich. Wir m\u00fcssen Datenattribute an die Schaltfl\u00e4che \u00fcbergeben und das Formular mit JavaScript wie folgt senden.<\/p>\n

<form method=\"post\" id=\"userForm\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\">Submit<\/button><\/p>\n<\/form>\n\u00a0\n<script src='https:\/\/www.google.com\/recaptcha\/api.js'><\/script>\n<script>\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n<\/script><\/code><\/pre>\n
Dieser Code f\u00fcgt Ihrem Formular unsichtbares reCAPTCHA hinzu. Wenn Sie die Seite neu laden, sehen Sie das reCAPTCHA-Logo in der unteren rechten Ecke der Seite.<\/p>\n
Hier haben wir den reCAPTCHA-Site-Key an das ‚data-sitekey‘-Attribut und den Methodennamen ’submitForm‘ an das ‚data-callback‘-Attribut \u00fcbergeben. Wenn der Benutzer auf die Schaltfl\u00e4che klickt, ruft er die Callback-Methode auf, die ein Formular mit JavaScript sendet.<\/p>\n
Jetzt ist es Zeit f\u00fcr die serverseitige Validierung. Wir \u00fcberpr\u00fcfen den Wert der reCAPTCHA-Antwort anhand der Google API-URL wie folgt.<\/p>\n
if (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Wenn ein echter Mensch Ihr Formular abschickt, generiert es eine reCAPTCHA-Antwort, die dann mit dem obigen Code mit der Google-API \u00fcberpr\u00fcft wird. Wenn das Formular \u00fcber Bots gesendet wird, schl\u00e4gt die obige \u00dcberpr\u00fcfung fehl. Sie sollten mit dem Formular nur im Falle einer Erfolgsantwort fortfahren.<\/p>\n
Unser endg\u00fcltiger Code ist wie folgt.<\/p>\n
<?php\nif (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?>\n<form method=\"post\" id=\"userForm\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\">Submit<\/button><\/p>\n<\/form>\n\u00a0\n<script src='https:\/\/www.google.com\/recaptcha\/api.js'><\/script>\n<script>\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n<\/script><\/code><\/pre>\n
Das ist es! Genie\u00dfen Sie Spam-freie Formulare auf Ihrer Website. Ich w\u00fcrde gerne Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten h\u00f6ren.<\/p>\n
Zum Thema passende Artikel<\/h4>\n