JavaScript integracija

Integrirajte SilentShield v katero koli spletno stran z uporabo čistega JavaScripta ali uporabite naše specifične vodnike za React, Vue in Angular.

1. Dodajte oznako Script

Dodajte to script oznako v svoj HTML, idealno pred zaključno oznako </body>:

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

2. Inicializirajte gradnik

Pokličite SilentShield.init() po nalaganju DOM:

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

Konfiguracijske možnosti

apiKey
API ključ (obvezno)
lang
Koda jezika ali 'auto' za zaznavanje brskalnika (privzeto: 'auto'). Podpira 25 jezikov.
thresholdSuspicious
Ocena pod tem pragom sproži izziv (privzeto: 0.6)
thresholdBlock
Ocena pod tem pragom blokira zahtevek (privzeto: 0.3)
telemetry
Omogoči sledenje vedenju (privzeto: true)
captchaUI
Prikaži CAPTCHA vmesnik po potrebi (privzeto: true)
fallbackCaptcha
Omogoči Math CAPTCHA kot rezervo (privzeto: true)
showBrandingBadge
Prikaži značko „Zaščiteno s SilentShield" (privzeto: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Prikaži razhroščevalno prekrivanje (privzeto: false)
onVerdict
Povratna funkcija, ki se pokliče ob prejetju razsodbe

Enostranske aplikacije (SPA)

Za SPA s klientskim usmerjanjem (React Router, Vue Router itd.) SilentShield samodejno opazuje spremembe DOM in zaznava nove obrazce. Po navigaciji ponovna inicializacija ni potrebna.

Branje Nonce-a

Po oddaji obrazca je nonce na voljo kot skrito polje:

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