JavaScript integrācija

Integrējiet SilentShield jebkurā vietnē, izmantojot tīro JavaScript, vai izmantojiet mūsu ietvaram specifiskos ceļvežus React, Vue un Angular.

1. Pievienojiet skripta tagu

Pievienojiet šo skripta tagu savam HTML, ideāli pirms noslēdzošā </body> taga:

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

2. Inicializējiet logrīku

Izsauciet SilentShield.init() pēc DOM ielādes:

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

Konfigurācijas opcijas

apiKey
API atslēga (obligāta)
lang
Valodas kods vai 'auto' pārlūka noteikšanai (noklusējums: 'auto'). Atbalsta 25 valodas.
thresholdSuspicious
Rezultāts zem šīs robežas aktivizē izaicinājumu (noklusējums: 0.6)
thresholdBlock
Rezultāts zem šīs robežas bloķē pieprasījumu (noklusējums: 0.3)
telemetry
Iespējot uzvedības izsekošanu (noklusējums: true)
captchaUI
Rādīt CAPTCHA saskarni, kad nepieciešams (noklusējums: true)
fallbackCaptcha
Iespējot matemātisko CAPTCHA kā rezerves variantu (noklusējums: true)
showBrandingBadge
Rādīt «Aizsargāts ar SilentShield» nozīmi (noklusējums: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Rādīt atkļūdošanas pārklājumu (noklusējums: false)
onVerdict
Atgriezeniskā izsaukuma funkcija, kas tiek izsaukta, saņemot spriedumu

Vienas lapas lietotnes (SPA)

SPA, kas izmanto klienta puses maršrutēšanu (React Router, Vue Router u.c.), SilentShield automātiski novēro DOM izmaiņas un atpazīst jaunas veidlapas. Pēc navigācijas atkārtota inicializācija nav nepieciešama.

Nonce nolasīšana

Pēc veidlapas iesniegšanas nonce ir pieejams kā slēpts lauks:

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