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?key=YOUR_API_KEY" defer></script>2. Inicializirajte gradnik
Pokličite SilentShield.init() po nalaganju DOM:
JavaScriptjavascript
document.addEventListener('DOMContentLoaded', function() {
SilentShield.init({
apiKey: 'YOUR_API_KEY',
lang: 'auto',
features: {
telemetry: true,
captchaUI: true,
fallbackCaptcha: true,
showBrandingBadge: true,
},
onVerdict: function(response) {
console.log('SilentShield verdict:', response);
}
});
});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="ss_nonce"]')?.value;