Gewusst wie: Recaptcha kleiner machen

June 29

Gewusst wie: Recaptcha kleiner machen

ReCAPTCHA ist ein kostenloser CAPTCHA-Service von Google angeboten. CAPTCHA steht für "Completely Automated Public Turing-Test, Computern und Menschen Apart zu erzählen." Es ist eine Reihe von Buchstaben und Zahlen, die in Formularen eingegeben werden soll, um sicherzustellen, dass sie von tatsächlichen Menschen und nicht von Spam senden Computer übermittelt werden. Google ReCAPTCHA ist bereit, mit mehreren Plugins für Sie verwenden, um sie auf Ihrer Website Formen anzuwenden. Seiner anpassbaren Designs können Sie auch die Freiheit, das CAPTCHA um Design Ihrer Website anpassen und ändern ihre Farbe und Größe zu personalisieren.

Anweisungen

1 Öffnen Sie das Webformular ReCAPTCHA, in ein Programm wie z. B. Editor für die Textbearbeitung platziert werden soll.

2 Fügen Sie den folgenden JavaScript-Code innerhalb in den < Head >-Abschnitt Ihrer HTML. Dies sagt ReCAPTCHA ein benutzerdefiniertes Designs verwenden:

< Skript-Typ = "Text/Javascript" >Var RecaptchaOptions = {}

theme : 'custom', custom_theme_widget: 'recaptcha_widget'

};< / script >

3 Fügen Sie den folgenden Code in die Formulartags < > ReCAPTCHA angezeigt werden soll:

< Div Id = "Recaptcha_widget" Style = "display: keine" >

< Div Id = "Recaptcha_image" >< / Div >< Div Class = "Recaptcha_only_if_incorrect_sol" Style = "Color: Red" > falsch, bitte erneut versuchen < / Div >

< span Class = "Recaptcha_only_if_image" > geben Sie die oben genannten Wörter: < / span >< span Class = "Recaptcha_only_if_audio" > geben Sie die Zahlen, die Sie hören: < / span >

< Eingang Typ = "Text" Id = "Recaptcha_response_field" Name = "Recaptcha_response_field" / >

< Div >< a href="javascript:Recaptcha.reload()" > bekommen ein anderes CAPTCHA </a >< / Div >< Div Class = "Recaptcha_only_if_image" >< eine href="javascript:Recaptcha.switch_type('audio')" > erhalten Sie ein audio-CAPTCHA </a >< / Div >< Div Class = "Recaptcha_only_if_audio" >< a href="javascript:Recaptcha.switch_type('image')" > Get ein Bild CAPTCHA </a >< / Div >

< Div >< a href="javascript:Recaptcha.showhelp()" > </a >< helfen / Div >

< / Div >

< Skript-Typ = "Text/Javascript"

src=&quot;http://www.google.com/recaptcha/api/challenge?k=enter_your_public_key_here&quot;>

< / script >< Noscript >< Iframe Src = "http://www.google.com/recaptcha/api/noscript?k=enter_your_public_key_here & Quot;

height=&quot;300&quot; width=&quot;500&quot; frameborder=&quot;0&quot;>&lt;/iframe>&lt;br>

< Textarea Name = "Recaptcha_challenge_field" Zeilen = "3" Spalten "40" = >< / Textarea >< Eingang Typ = "hidden" Name = "Recaptcha_response_field"

value=&quot;manual_challenge&quot;>

< / Noscript >

4 Ersetzen Sie "Enter_your_public_key_here" mit Ihren eigenen öffentlichen Schlüssel von ReCAPTCHA. Wenn Sie keinen ReCAPTCHA-Schlüssel verfügen, erstellen Sie bei google.com/recaptcha.

5 Ändern Sie im Abschnitt "Höhe = 300 Width = 500" mit der Höhe und Breite Ihrer ReCAPTCHA sein soll. Sie können das Textfeld auch ändern, durch Ändern der Werte von "Zeilen" und "Spalten" im Abschnitt < Textarea Name = "Recaptcha_challenge_field" Zeilen = "3" Spalten "40" = >.

6 Speichern Sie die HTML-Datei. Öffnen Sie und testen Sie es in einem Webbrowser.

Tipps & Warnungen

  • ReCAPTCHA kann nur auf die Breite des CAPTCHA-Bildes, die von Google bereitgestellten geändert werden. Die Mindestbreite beträgt 300px.