Zum Hauptinhalt springen

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>
AttributeWertBeschreibung
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-startauto/focusOptional.
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.

CodeSprache
bgBulgarisch
caKatalanisch
csTschechisch
daDänisch
deDeutsch
elGriechisch
enEnglisch
etEstnisch
esSpanisch
fiFinnisch
frFranzösisch
hrKroatisch
huUngarisch
itItalienisch
jaJapanisch
ltLitauisch
lvLettisch
nlNiederländisch
noNorwegisch
plPolnisch
ptPortugiesisch
roRumänisch
ruRussisch
skSlowakisch
slSlowenisch
srSerbisch
svSchwedisch
ukUkrainisch
viVietnamesisch
zhChinesisch
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>