Integrazione JavaScript

Integri SilentShield in qualsiasi sito web utilizzando JavaScript puro, oppure utilizzi le nostre guide specifiche per React, Vue e Angular.

1. Aggiungere il tag script

Aggiunga questo tag script al Suo HTML, idealmente prima del tag di chiusura </body>:

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

2. Inizializzare il Widget

Non serve alcuna inizializzazione manuale — client.js si inizializza da solo e carica la configurazione del widget (tema, lingua, badge) dalle impostazioni della dashboard:

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.

Opzioni di configurazione

apiKey
API Key (obbligatoria)
lang
Codice lingua o 'auto' per il rilevamento del browser (predefinito: 'auto'). Supporta 25 lingue.
thresholdSuspicious
Un punteggio inferiore a questo valore attiva una sfida (predefinito: 0.6)
thresholdBlock
Un punteggio inferiore a questo valore blocca la richiesta (predefinito: 0.3)
telemetry
Abilita il tracciamento del comportamento (predefinito: true)
captchaUI
Mostra l'interfaccia CAPTCHA quando necessario (predefinito: true)
fallbackCaptcha
Abilita il CAPTCHA matematico di riserva (predefinito: true)
showBrandingBadge
Mostra il badge 'Protetto da SilentShield' (predefinito: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Mostra l'overlay di debug (predefinito: false)
onVerdict
Funzione di callback chiamata quando viene ricevuto un verdetto

Applicazioni a pagina singola (SPA)

Per le SPA che utilizzano il routing lato client (React Router, Vue Router, ecc.), SilentShield osserva automaticamente le modifiche al DOM e rileva i nuovi moduli. Non è necessaria una re-inizializzazione dopo la navigazione.

Lettura del Nonce

Dopo l'invio del modulo, il Nonce è disponibile come campo nascosto:

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