JavaScript integrácia

Integrujte SilentShield do akejkoľvek webovej stránky pomocou čistého JavaScriptu alebo použite naše špecifické návody pre React, Vue a Angular.

1. Pridajte tag Script

Pridajte tento script tag do vášho HTML, ideálne pred uzatvárací tag </body>:

HTMLhtml
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>

2. Inicializujte widget

Manuálna inicializácia nie je potrebná — client.js sa inicializuje sám a načíta konfiguráciu widgetu (motív, jazyk, odznak) z nastavení v dashboarde:

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.

Možnosti konfigurácie

apiKey
API kľúč (povinný)
lang
Kód jazyka alebo 'auto' pre detekciu prehliadača (predvolené: 'auto'). Podporuje 25 jazykov.
thresholdSuspicious
Skóre pod touto hodnotou spustí výzvu (predvolené: 0.6)
thresholdBlock
Skóre pod touto hodnotou zablokuje požiadavku (predvolené: 0.3)
telemetry
Povoliť sledovanie správania (predvolené: true)
captchaUI
Zobraziť CAPTCHA rozhranie podľa potreby (predvolené: true)
fallbackCaptcha
Povoliť Math CAPTCHA ako záložné riešenie (predvolené: true)
showBrandingBadge
Zobraziť odznak „Chránené SilentShield" (predvolené: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Zobraziť ladiace prekrytie (predvolené: false)
onVerdict
Callback funkcia volaná pri prijatí verdiktu

Jednostránkové aplikácie (SPA)

Pre SPA s klientským smerovaním (React Router, Vue Router, atď.) SilentShield automaticky sleduje zmeny DOM a detekuje nové formuláre. Po navigácii nie je potrebná opätovná inicializácia.

Čítanie Nonce

Po odoslaní formulára je nonce dostupný ako skryté pole:

HTMLhtml
const nonce = document.querySelector('input[name="behavior_nonce"]')?.value;