Das neue reCaptcha ist einfacher und schöner für den Benutzer zu bedienen. In einigen Fällen ist lediglich auf die Checkbox zu klicken – in anderen Fällen müssen Bilder ausgewählt werden.
Im folgenden wird eine basismäßige Einbindung erklärt. Einbindung ohne Gewähr, bitte prüfen und adaptieren Sie den Code hinsichtlich Ihres Sicherheits-/Systems. Hier können Sie die API Zugangsdaten erhalten.
Folgend der HTML Code zur Darstellung des Captchas auf Ihrer Webseite. Das Besondere: Der Captcha wird responsive, d.h. er passt sich an die Breite der Seite an!
Bitte die xxx durch Ihren Sitekey ersetzen.
| <style> | |
| .g-recaptcha { | |
| overflow: hidden; | |
| width: 300px; | |
| height: 75px; | |
| position: relative; | |
| top: -1px; | |
| left: -1px; | |
| } | |
| .g-recaptcha2 { | |
| overflow: hidden; | |
| border-radius: 3px; | |
| box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); | |
| -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); | |
| -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); | |
| background: #f9f9f9; | |
| border: 1px solid #d3d3d3; | |
| color: #000; | |
| } | |
| </style> | |
| <div class="g-recaptcha2"><div class="g-recaptcha" data-sitekey="xxx"></div></div> |
Hier der Code zur Verifizierung in PHP. Bitte ergänzen Sie die xxx mit Ihrem API Secret.
| $options = array( | |
| 'http' => array( | |
| 'header' => "Content-type: application/x-www-form-urlencoded\r\n", | |
| 'method' => 'POST', | |
| 'content' => http_build_query(array('secret' => 'xxx', 'response' => $_POST['g-recaptcha-response'])), | |
| ), | |
| ); | |
| $recap=json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify",false,stream_context_create($options)), true)['success']; | |
| if ($recap==true) { | |
| //ERFOLGREICH | |
| } |
Hat Ihnen unsere Anleitung gefallen? Dann unterstützen Sie uns bitte >
Weitere Skripte: Google Login einfach gemacht, PayPal Plus einfach intergrieren.