Widget-Einstellungen
Zencaptcha-Widget-Konfiguration
Sie können Zencaptcha so konfigurieren, dass benutzerdefinierte optionale Attribute für den Zencaptcha-Container festgelegt werden.
Beispiele für optionale Attribute
<div class="zenc-captcha" data-sitekey="<sitekey>" data-callback="<Funktionsname>" data-start="<auto|focus>" data-lang="<lang>"></div>
Attribute | Wert | Beschreibung |
---|---|---|
data-sitekey | <sitekey> | Ihr öffentlicher Schlüssel. |
data-callback | <Funktionsname> | Optional . Wird aufgerufen, wenn die Aufgabe erfolgreich gelöst wurde. Die Lösung (Token) wird an den von Ihnen gewählten Funktionsnamen übergeben. |
data-lang | <Zwei-Buchstaben-Ländercode> | Optional . Das Widget wählt automatisch die beste Sprache für den Benutzer aus (über 30 Sprachen). Sie können dies jedoch außer Kraft setzen und das Widget auf eine einzige fixierte Sprache einstellen. Die vollständige Liste der aus zwei Buchstaben bestehenden Ländercodes finden Sie unten. |
data-start | auto/focus | Optional . auto : Damit beginnt die Lösung des CAPTCHA unmittelbar nach dem Laden der Seite. focus : Dadurch beginnt die Lösung des CAPTCHA unmittelbar, wenn der Benutzer auf eine Eingabe im Formular klickt: <form> . Das zenc-captcha div muss sich innerhalb <form></form> oder <div class="zenc-form"></div> befinden, damit focus funktioniert. Siehe Beispiel unten. |
Ländercodes mit zwei Buchstaben
Einer dieser aus zwei Buchstaben bestehenden Ländercodes kann in das Attribut data-lang
eingefügt werden.
Code | Sprache |
---|---|
bg | Bulgarisch |
ca | Katalanisch |
cs | Tschechisch |
da | Dänisch |
de | Deutsch |
el | Griechisch |
en | Englisch |
et | Estnisch |
es | Spanisch |
fi | Finnisch |
fr | Französisch |
hr | Kroatisch |
hu | Ungarisch |
it | Italienisch |
ja | Japanisch |
lt | Litauisch |
lv | Lettisch |
nl | Niederländisch |
no | Norwegisch |
pl | Polnisch |
pt | Portugiesisch |
ro | Rumänisch |
ru | Russisch |
sk | Slowakisch |
sl | Slowenisch |
sr | Serbisch |
sv | Schwedisch |
uk | Ukrainisch |
vi | Vietnamesisch |
zh | Chinesisch |
Start mit Benutzereingabe
Der folgende Code löst das Captcha sofort, sobald der Benutzer in ein Eingabefeld innerhalb <form>
oder innerhab <div class="zenc-form">
klickt. zenc-captcha muss sich innerhalb davon befinden.
Der Benutzer muss nicht aktiv auf das Zencaptcha-Widget klicken, was zu einer hervorragenden Benutzererfahrung führt.
data-start=focus -> innerhalb <form>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<div class="zenc-captcha" data-start="focus" data-sitekey="<sitekey>"></div>
</form>
data-start=focus -> innerhalb <div class='zenc-form'>
<div class="zenc-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<div class="zenc-captcha" data-start="focus" data-sitekey="<sitekey>"></div>
</div>