JavaScript-integration
Integrer SilentShield i ethvert websted ved hjælp af ren JavaScript, eller brug vores rammespecifikke guider til React, Vue og Angular.
1. Tilføj script-tagget
Tilføj dette script-tag til din HTML, ideelt før det afsluttende </body>-tag:
HTMLhtml
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>2. Initialiser widgetten
Ingen manuel initialisering er nødvendig — client.js initialiserer sig selv og henter din widgetkonfiguration (tema, sprog, badge) fra dashboardindstillingerne:
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.Konfigurationsmuligheder
apiKey- API-nøgle (påkrævet)
lang- Sprogkode eller 'auto' til registrering af browsersprog (standard: 'auto'). Understøtter 25 sprog.
thresholdSuspicious- Score under denne værdi udløser en udfordring (standard: 0.6)
thresholdBlock- Score under denne værdi blokerer forespørgslen (standard: 0.3)
telemetry- Aktiver adfærdssporing (standard: true)
captchaUI- Vis CAPTCHA-brugerflade ved behov (standard: true)
fallbackCaptcha- Aktiver matematisk CAPTCHA som reserve (standard: true)
showBrandingBadge- Vis »Beskyttet af SilentShield«-badge (standard: true)
zeroPii- Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay- Vis debug-overlay (standard: false)
onVerdict- Callback-funktion, der kaldes, når en dom modtages
Enkeltsideapplikationer (SPA)
For SPA'er med klientside-routing (React Router, Vue Router osv.) observerer SilentShield automatisk DOM-ændringer og registrerer nye formularer. Ingen gen-initialisering er nødvendig efter navigation.
Aflæsning af nonce
Efter formularindsendelse er nonce tilgængelig som et skjult felt:
HTMLhtml
const nonce = document.querySelector('input[name="behavior_nonce"]')?.value;