Installera widgeten
Lägg till SilentShield på din webbplats med bara två rader kod. Widgeten upptäcker automatiskt formulär och börjar skydda dem.
Grundläggande integration
Lägg till detta kodavsnitt före den avslutande </body>-taggen på din webbplats:
<script src="https://api.silentshield.io/client.js?key=YOUR_API_KEY" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
SilentShield.init({ apiKey: 'YOUR_API_KEY' });
});
</script>Vad som sker automatiskt
- Widgeten upptäcker alla formulär på sidan
- Beteendeanalys startar i bakgrunden (osynlig för användare)
- En CAPTCHA visas bara när misstänkt beteende upptäcks
- En verifieringsnonce injiceras i formulär före inskickning
Serversideverifiering (rekommenderat)
Efter att ett formulär skickats in, validera nonce på din server för att bekräfta att inskickningen kommer från en människa.
POST https://api.silentshield.io/api/v1/captcha/verify-nonce
X-Api-Key: YOUR_API_KEY
PHPphp
<?php
$nonce = $_POST['ss_nonce'] ?? '';
$ch = curl_init('https://api.silentshield.io/api/v1/captcha/verify-nonce');
curl_setopt_array($ch, [
CURLOPT_POST => true,
CURLOPT_HTTPHEADER => [
'Content-Type: application/json',
'X-Api-Key: ' . $apiKey,
],
CURLOPT_POSTFIELDS => json_encode(['nonce' => $nonce]),
CURLOPT_RETURNTRANSFER => true,
]);
$result = json_decode(curl_exec($ch), true);
curl_close($ch);
if ($result['verdict'] === 'bot') {
http_response_code(403);
die('Bot detected');
}Node.jsjavascript
const response = await fetch('https://api.silentshield.io/api/v1/captcha/verify-nonce', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Api-Key': process.env.SILENTSHIELD_API_KEY,
},
body: JSON.stringify({ nonce: req.body.ss_nonce }),
});
const data = await response.json();
if (data.verdict === 'bot') {
return res.status(403).json({ error: 'Bot detected' });
}Testning
Lägg till ?silentshield-debug i din URL för att aktivera felsökningsöverlagringen. Den visar aktuellt beteendepoäng, beslut och aktiva funktioner i realtid.