Integrare JavaScript

Integrează SilentShield în orice site web folosind JavaScript simplu sau folosește ghidurile noastre specifice pentru React, Vue și Angular.

1. Adaugă tagul Script

Adaugă acest tag script în HTML-ul tău, ideal înainte de tagul de închidere </body>:

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

2. Inițializează widgetul

Apelează SilentShield.init() după ce DOM-ul s-a încărcat:

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

Opțiuni de configurare

apiKey
Cheie API (obligatorie)
lang
Cod de limbă sau 'auto' pentru detectarea browserului (implicit: 'auto'). Suportă 25 de limbi.
thresholdSuspicious
Scorul sub acest prag declanșează o provocare (implicit: 0.6)
thresholdBlock
Scorul sub acest prag blochează cererea (implicit: 0.3)
telemetry
Activează urmărirea comportamentului (implicit: true)
captchaUI
Afișează interfața CAPTCHA când este necesar (implicit: true)
fallbackCaptcha
Activează Math CAPTCHA ca alternativă (implicit: true)
showBrandingBadge
Afișează insigna „Protejat de SilentShield" (implicit: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Afișează overlay-ul de depanare (implicit: false)
onVerdict
Funcție callback apelată la primirea unui verdict

Aplicații Single Page (SPA)

Pentru SPA-uri cu rutare pe client (React Router, Vue Router, etc.), SilentShield observă automat modificările DOM și detectează formularele noi. Nu este necesară reinițializarea după navigare.

Citirea Nonce-ului

După trimiterea formularului, nonce-ul este disponibil ca un câmp ascuns:

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