JavaScript-integration

Integrera SilentShield i vilken webbplats som helst med vanilla JavaScript, eller använd våra ramverksspecifika guider för React, Vue och Angular.

1. Lägg till script-taggen

Lägg till denna script-tagg i din HTML, helst före den avslutande </body>-taggen:

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

2. Initiera widgeten

Ingen manuell initiering krävs — client.js initierar sig själv och hämtar din widgetkonfiguration (tema, språk, badge) från instrumentpanelens inställningar:

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.

Konfigurationsalternativ

apiKey
API-nyckel (obligatorisk)
lang
Språkkod eller 'auto' för automatisk detektering av webbläsarens språk (standard: 'auto'). Stöder 25 språk.
thresholdSuspicious
Poäng under detta värde utlöser en utmaning (standard: 0.6)
thresholdBlock
Poäng under detta värde blockerar förfrågan (standard: 0.3)
telemetry
Aktivera beteendespårning (standard: true)
captchaUI
Visa CAPTCHA-gränssnitt vid behov (standard: true)
fallbackCaptcha
Aktivera matematisk CAPTCHA som reserv (standard: true)
showBrandingBadge
Visa märke »Skyddad av SilentShield« (standard: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Visa felsökningsöverlagring (standard: false)
onVerdict
Återanropsfunktion som anropas när ett beslut tas emot

Ensidesapplikationer (SPA)

För SPA-applikationer med klientsiderouting (React Router, Vue Router osv.) observerar SilentShield automatiskt DOM-ändringar och upptäcker nya formulär. Ingen ominitiering behövs efter navigering.

Läsa Nonce

Efter formulärinskickning är nonce tillgängligt som ett dolt fält:

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