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?key=YOUR_API_KEY" defer></script>2. Inizializzare il Widget
Chiami SilentShield.init() dopo il caricamento del 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);
}
});
});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="ss_nonce"]')?.value;