JavaScript integracija
Integrirajte SilentShield v katero koli spletno stran z uporabo čistega JavaScripta ali uporabite naše specifične vodnike za React, Vue in Angular.
1. Dodajte oznako Script
Dodajte to script oznako v svoj HTML, idealno pred zaključno oznako </body>:
HTMLhtml
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>2. Inicializirajte gradnik
Ročna inicializacija ni potrebna — client.js se inicializira sam in naloži konfiguracijo widgeta (temo, jezik, značko) iz nastavitev nadzorne plošče:
JavaScriptjavascript
// No init call needed — client.js bootstraps itself as soon as it loads
// and pulls your widget configuration (theme, language, badge) from the
// dashboard: App → API keys → [your key] → Widget.Konfiguracijske možnosti
apiKey- API ključ (obvezno)
lang- Koda jezika ali 'auto' za zaznavanje brskalnika (privzeto: 'auto'). Podpira 25 jezikov.
thresholdSuspicious- Ocena pod tem pragom sproži izziv (privzeto: 0.6)
thresholdBlock- Ocena pod tem pragom blokira zahtevek (privzeto: 0.3)
telemetry- Omogoči sledenje vedenju (privzeto: true)
captchaUI- Prikaži CAPTCHA vmesnik po potrebi (privzeto: true)
fallbackCaptcha- Omogoči Math CAPTCHA kot rezervo (privzeto: true)
showBrandingBadge- Prikaži značko „Zaščiteno s SilentShield" (privzeto: true)
zeroPii- Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay- Prikaži razhroščevalno prekrivanje (privzeto: false)
onVerdict- Povratna funkcija, ki se pokliče ob prejetju razsodbe
Enostranske aplikacije (SPA)
Za SPA s klientskim usmerjanjem (React Router, Vue Router itd.) SilentShield samodejno opazuje spremembe DOM in zaznava nove obrazce. Po navigaciji ponovna inicializacija ni potrebna.
Branje Nonce-a
Po oddaji obrazca je nonce na voljo kot skrito polje:
HTMLhtml
const nonce = document.querySelector('input[name="behavior_nonce"]')?.value;