JavaScripti integreerimine

Integreerige SilentShield ükskõik millisesse veebisaiti tavalist JavaScripti kasutades või järgige meie raamistiku-spetsiifilisi juhendeid Reacti, Vue ja Angulari jaoks.

1. Lisage skriptimärgend

Lisage see skriptimärgend oma HTML-i, ideaalis enne sulgevat </body> märgendit:

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

2. Lähtestage vidin

Kutsuge SilentShield.init() pärast DOM-i laadimist:

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

Seadistamisvalikud

apiKey
API-võti (kohustuslik)
lang
Keelekood või 'auto' brauseri automaatseks tuvastamiseks (vaikimisi: 'auto'). Toetab 25 keelt.
thresholdSuspicious
Sellest madalama skoori korral kuvatakse väljakutse (vaikimisi: 0.6)
thresholdBlock
Sellest madalama skoori korral blokeeritakse päring (vaikimisi: 0.3)
telemetry
Luba käitumise jälgimine (vaikimisi: true)
captchaUI
Kuva CAPTCHA kasutajaliides vajadusel (vaikimisi: true)
fallbackCaptcha
Luba matemaatiline CAPTCHA varulahendus (vaikimisi: true)
showBrandingBadge
Kuva 'Kaitstud SilentShield poolt' märgis (vaikimisi: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Kuva silumise ülekate (vaikimisi: false)
onVerdict
Tagasikutse funktsioon, mis kutsutakse otsuse saamisel

Üheleherakendused (SPA)

SPA-de puhul, mis kasutavad kliendipoolset marsruutimist (React Router, Vue Router jne), jälgib SilentShield automaatselt DOM-i muudatusi ja tuvastab uued vormid. Pärast navigeerimist pole uuesti lähtestamine vajalik.

Kontrollkoodi lugemine

Pärast vormi esitamist on kontrollkood saadaval peidetud väljana:

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