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;