JavaScript-integrointi

Integroi SilentShield mihin tahansa verkkosivustoon tavallisella JavaScriptillä tai käytä kehyskohtaisia oppaitamme Reactille, Vuelle ja Angularille.

1. Lisää script-tunniste

Lisää tämä script-tunniste HTML-tiedostoosi, mieluiten ennen sulkevaa </body>-tunnistetta:

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

2. Alusta widget

Kutsu SilentShield.init() DOM:in latauduttua:

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

Asetukset

apiKey
API-avain (pakollinen)
lang
Kielikoodi tai 'auto' selaimen automaattiseen tunnistukseen (oletus: 'auto'). Tukee 25 kieltä.
thresholdSuspicious
Tätä alempi pistemäärä käynnistää haasteen (oletus: 0.6)
thresholdBlock
Tätä alempi pistemäärä estää pyynnön (oletus: 0.3)
telemetry
Ota käyttäytymisen seuranta käyttöön (oletus: true)
captchaUI
Näytä CAPTCHA-käyttöliittymä tarvittaessa (oletus: true)
fallbackCaptcha
Ota matemaattinen CAPTCHA-varatoimi käyttöön (oletus: true)
showBrandingBadge
Näytä 'Suojannut SilentShield' -merkki (oletus: true)
zeroPii
Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay
Näytä virheenkorjauskerros (oletus: false)
onVerdict
Takaisinkutsufunktio, jota kutsutaan tuomion saapuessa

Yhden sivun sovellukset (SPA)

SPA-sovelluksille, jotka käyttävät asiakaspuolen reititystä (React Router, Vue Router jne.), SilentShield seuraa automaattisesti DOM-muutoksia ja tunnistaa uudet lomakkeet. Uudelleenalustusta ei tarvita navigoinnin jälkeen.

Noncen lukeminen

Lomakkeen lähettämisen jälkeen nonce on saatavilla piilotettuna kenttänä:

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