JavaScript integracija

Integruokite SilentShield į bet kurią svetainę naudodami paprastą JavaScript arba naudokite mūsų karkasui pritaikytus vadovus React, Vue ir Angular.

1. Pridėkite skripto žymę

Pridėkite šią skripto žymę prie savo HTML, idealiu atveju prieš uždarantį </body> žymę:

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

2. Inicializuokite valdiklį

Iškvieskite SilentShield.init() po to, kai DOM bus įkeltas:

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

Konfigūracijos parinktys

apiKey
API raktas (privalomas)
lang
Kalbos kodas arba 'auto' naršyklės aptikimui (numatytasis: 'auto'). Palaiko 25 kalbas.
thresholdSuspicious
Balas žemiau šios ribos suaktyvina iššūkį (numatytasis: 0.6)
thresholdBlock
Balas žemiau šios ribos blokuoja užklausą (numatytasis: 0.3)
telemetry
Įjungti elgesio stebėjimą (numatytasis: true)
captchaUI
Rodyti CAPTCHA sąsają, kai reikia (numatytasis: true)
fallbackCaptcha
Įjungti matematinę CAPTCHA kaip atsarginį variantą (numatytasis: true)
showBrandingBadge
Rodyti „Apsaugota SilentShield" ženklelį (numatytasis: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Rodyti derinimo perdangą (numatytasis: false)
onVerdict
Atgalinio skambučio funkcija, iškviečiama gavus sprendimą

Vieno puslapio programos (SPA)

SPA, naudojančioms kliento pusės maršrutizavimą (React Router, Vue Router ir kt.), SilentShield automatiškai stebi DOM pakeitimus ir aptinka naujas formas. Po navigacijos pakartotinė inicializacija nereikalinga.

Nonce skaitymas

Pateikus formą, nonce yra pasiekiamas kaip paslėptas laukas:

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