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?key=YOUR_API_KEY" defer></script>

2. Initialiser widgetten

Kald SilentShield.init() efter DOM er indlæst:

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);
    }
  });
});

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="ss_nonce"]')?.value;