JavaScript integráció
Integrálja a SilentShieldet bármely weboldalba hagyományos JavaScript használatával, vagy kövesse keretrendszer-specifikus útmutatóinkat a React, Vue és Angular számára.
1. Adja hozzá a script címkét
Adja hozzá ezt a script címkét a HTML-hez, ideális esetben a záró </body> címke elé:
HTMLhtml
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>2. Inicializálja a widgetet
Kézi inicializálás nem szükséges — a client.js magától inicializálódik, és a widget-beállításokat (téma, nyelv, jelvény) a vezérlőpult beállításaiból tölti be:
JavaScriptjavascript
// No init call needed — client.js bootstraps itself as soon as it loads
// and pulls your widget configuration (theme, language, badge) from the
// dashboard: App → API keys → [your key] → Widget.Beállítási lehetőségek
apiKey- API-kulcs (kötelező)
lang- Nyelvi kód vagy 'auto' a böngésző automatikus felismeréséhez (alapértelmezett: 'auto'). 25 nyelvet támogat.
thresholdSuspicious- Ez alatti pontszám kihívást vált ki (alapértelmezett: 0.6)
thresholdBlock- Ez alatti pontszám blokkolja a kérést (alapértelmezett: 0.3)
telemetry- Viselkedéskövetés engedélyezése (alapértelmezett: true)
captchaUI- CAPTCHA felhasználói felület megjelenítése szükség esetén (alapértelmezett: true)
fallbackCaptcha- Matematikai CAPTCHA tartalék megoldás engedélyezése (alapértelmezett: true)
showBrandingBadge- »A SilentShield védi« jelvény megjelenítése (alapértelmezett: true)
zeroPii- Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay- Hibakeresési réteg megjelenítése (alapértelmezett: false)
onVerdict- Visszahívási függvény, amely az ítélet beérkezésekor hívódik meg
Egyoldalas alkalmazások (SPA)
Kliensoldali útválasztást használó SPA alkalmazások esetén (React Router, Vue Router stb.) a SilentShield automatikusan figyeli a DOM változásokat és felismeri az új űrlapokat. Navigáció után nincs szükség újrainicializálásra.
A nonce kiolvasása
Az űrlap beküldése után a nonce rejtett mezőként érhető el:
HTMLhtml
const nonce = document.querySelector('input[name="behavior_nonce"]')?.value;