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?key=YOUR_API_KEY" defer></script>2. Initiera widgeten
Anropa SilentShield.init() efter att DOM har laddats:
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);
}
});
});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="ss_nonce"]')?.value;