JavaScript integrace

Integrujte SilentShield do jakéhokoliv webu pomocí čistého JavaScriptu, nebo použijte naše průvodce pro React, Vue a Angular.

1. Přidejte script tag

Přidejte tento script tag do svého HTML, ideálně před uzavírací tag </body>:

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

2. Inicializujte widget

Zavolejte SilentShield.init() po načtení 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);
    }
  });
});

Možnosti konfigurace

apiKey
API klíč (povinný)
lang
Kód jazyka nebo 'auto' pro detekci jazyka prohlížeče (výchozí: 'auto'). Podporuje 25 jazyků.
thresholdSuspicious
Skóre pod touto hodnotou spustí výzvu (výchozí: 0.6)
thresholdBlock
Skóre pod touto hodnotou zablokuje požadavek (výchozí: 0.3)
telemetry
Povolit sledování chování (výchozí: true)
captchaUI
Zobrazit CAPTCHA rozhraní v případě potřeby (výchozí: true)
fallbackCaptcha
Povolit záložní matematickou CAPTCHA (výchozí: true)
showBrandingBadge
Zobrazit odznak „Chráněno SilentShield" (výchozí: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Zobrazit debugovací překrytí (výchozí: false)
onVerdict
Callback funkce volaná při přijetí verdiktu

Jednostránkové aplikace (SPA)

Pro SPA používající směrování na straně klienta (React Router, Vue Router atd.) SilentShield automaticky sleduje změny DOM a detekuje nové formuláře. Po navigaci není nutná opětovná inicializace.

Čtení nonce

Po odeslání formuláře je nonce dostupný jako skryté pole:

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