Szkript + szerveroldali ellenőrzés

SilentShield Integrációk

Egyszerű integráció a kedvelt platformjaiba és keretrendszereibe: egy szkript a böngészőben és egy ellenőrzés az Ön szerverén. API-központú és keretrendszertől független.

Gyors kezdés

Élesben 3 lépésben

A regisztrációtól az aktív védelemig — szerverátalakítás nélkül.

Hozzon létre egy API kulcsot

Regisztráljon, és a Dashboardon generáljon egy Site-Key-t a domainjéhez — ingyen, egy percen belül.

NPM-csomag a Node.js, React & Next.js számára

Ágyazza be a SilentShield kliensszkriptet a frontendbe, és ellenőrizze a nonce-okat a backenden a hivatalos Node csomagunkkal.

@forge12interactive/silentshield-sdk-js

Hivatalos Node.js-csomag a backend-ellenőrzéshez

Telepítés

npm install @forge12interactive/silentshield-sdk-js

Használat

// In your backend (e.g. a Next.js route handler)
import { createClient } from '@forge12interactive/silentshield-sdk-js';

const shield = createClient({ apiKey: process.env.SILENTSHIELD_API_KEY });

const { human } = await shield.verify(nonce);
if (!human) return new Response("Verification failed", { status: 403 });

NPM Package Dokumentáció

📝

WordPress bővítmény

Natív integráció a legnépszerűbb WordPress űrlap-bővítményekhez. Láthatatlan anti-spam védelem CAPTCHA akadályok nélkül.

SilentShield Captcha

Hivatalos WordPress bővítményünk már elérhető a WordPress könyvtárban. Zökkenőmentes integráció a Contact Form 7-tel: Láthatatlan, GDPR-kompatibilis, akadálymentes.

Egy kattintásos telepítés közvetlenül a WordPressből
Központi konfiguráció a WordPress adminban
Automatikus frissítések és karbantartás

Indítsa el a WordPress-útmutatót WordPress Bővítmény Letöltése

Contact Form 7Tesztelve

Láthatatlan botvédelem CF7 űrlapokhoz, a bővítménnyel tesztelve.

WPFormsTesztelve

Botvédelem a WPForms űrlapokhoz, a bővítménnyel tesztelve.

Elementor FormsTesztelve

Botvédelem a Elementor Forms űrlapokhoz, a bővítménnyel tesztelve.

WooCommerceTesztelve

A klasszikus és a blokkalapú pénztár tesztelve.

Avada FormsTesztelve

Botvédelem a Avada Forms űrlapokhoz, a bővítménnyel tesztelve.

Fluent FormsTesztelve

Botvédelem a Fluent Forms űrlapokhoz, a bővítménnyel tesztelve.

Tesztelve: 2026. október 7. · SilentShield Captcha 2.15.14 · WordPress 7.1.2

☁️

Cloudflare Kompatibilitás

SilentShield zökkenőmentesen működik a Cloudflare-rel. Telepítse a Load Balancer elé, vagy kombinálja más Cloudflare szolgáltatásokkal.

Cloudflare Load Balancer előtt?

Igen, lehetséges problémamentesen.

SilentShield közvetlenül telepíthető a Cloudflare Load Balancer elé. A szkript kliensoldalon fut le, és zökkenőmentesen illeszkedik a meglévő infrastruktúrájába.

Nincsenek konfliktusok a Cloudflare szolgáltatásokkal
Kompatibilis a CDN-nel és a gyorsítótárazással
További biztonsági réteg

EU Adattárolás mint Megkülönböztető Tényező

A döntő különbség

Míg sokan Cloudflare Turnstile-lal dolgoznak, a SilentShield egyértelmű előnyt kínál az EU-ban tárolt infrastruktúra és a cookie-mentes architektúra révén.

GDPR-kompatibilisen használható, adatok Németországban
Nincsenek cookie-k vagy tartós tárolás
Átlátható, tisztességes árképzés

Integráció a Cloudflare-rel

Szkript beágyazása a <head>-be:

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Teljes Útmutató

CMS Integrációs Útmutatók

Lépésről lépésre útmutatók a népszerű tartalomkezelő rendszerekhez.

🛍️

Shopify

Adjon hozzá SilentShield-et a Shopify kapcsolatfelvételi űrlapjához

Útmutató megtekintése

🌊

Webflow

Integráció egyedi kód beágyazáson keresztül

Útmutató megtekintése

✨

Wix

Beágyazás Wix Code (Velo) segítségével

Útmutató megtekintése

📝

WordPress

Manuális integráció WordPress témákba

SilentShield Integrációs Útmutató

SilentShield megbízhatóan védi űrlapjait a botok ellen – láthatatlan, GDPR-kompatibilis és akadálymentes. A teljes biztonság érdekében a frontend kódot (JavaScript) be kell ágyazni és szerver oldalon ellenőrizni kell.

🛍️Shopify Integráció

Frontend – Script-Einbindung

Lépjen a Shopify Admin → Online Áruház → Témák menüpontra
Kattintson az "Actions → Kód szerkesztése" gombra
Nyissa meg a theme.liquid fájlt az Elrendezés alatt
Illessze be a következő kódot a </head> tag elé

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Cserélje le a YOUR_API_KEY-t a SilentShield irányítópultján található API kulcsára.

Backend – Ellenőrzés (PHP Példa)

A Shopify a témákban nem futtat saját szerverkódot, a Shopify kapcsolati és vásárlói űrlapjai pedig közvetlenül a Shopifynak küldenek – ott a SilentShield semmit sem ellenőriz. A szerveroldali ellenőrzéshez az űrlapnak az Ön saját szerverére, egy App Proxy útvonalra vagy egy szolgáltatásra (például Make, n8n vagy felhőfüggvény) kell küldenie, amely az adatok továbbítása előtt lefuttatja az alábbi kódot. A témában lévő szkript önmagában nem helyettesíti ezt az ellenőrzést.

<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_nonce'] ?? '';

$payload = json_encode(['nonce' => $nonce]);

$ch = curl_init("https://api.silentshield.io/api/v1/captcha/verify-nonce");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => [
    "Content-Type: application/json",
    "X-Api-Key: " . $api_key,
  ],
  CURLOPT_POSTFIELDS => $payload,
  CURLOPT_TIMEOUT => 5,
]);
$response = curl_exec($ch);
$http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($http_code !== 200) {
  http_response_code(400);
  exit(json_encode(['error' => 'Verification failed']));
}

$data = json_decode($response, true);
if (!($data['ok'] && $data['verdict'] === 'human' && $data['confidence'] >= 0.7)) {
  http_response_code(403);
  exit(json_encode(['error' => 'Bot detected']));
}

// ✅ Human verified – handle form submission normally
?>

🌊Webflow Integráció

Frontend

Nyissa meg a projektjét → Project Settings → Custom Code → Head Code
Illessze be ezt a kódot
Tegye közzé az oldalt

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Backend

Mivel a Webflow nem támogatja a közvetlen szerver logikát, küldje el az űrlapját egy saját szerverre vagy szolgáltatásra (pl. Make, n8n, AWS Lambda, Firebase Function). Ott futtassa le ugyanazt az ellenőrző kódot, mint a fenti Shopify példában, mielőtt tovább dolgozná fel az űrlapot.

✨Wix Integráció

Frontend

Nyissa meg a Wix Szerkesztőt
Aktiválja a Dev Mode-ot (Velo)
Válassza az Add Custom Code → Head lehetőséget
Illessze be ugyanazt a <script> kódot
Tegye közzé a weboldalt

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Backend (Velo HTTP-Függvény)

import { ok, badRequest, forbidden } from 'wix-http-functions';
import { fetch } from 'wix-fetch';

export function post_verify_silentshield(request) {
  return request.body.json()
    .then(body => {
      return fetch("https://api.silentshield.io/api/v1/captcha/verify-nonce", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "X-Api-Key": "YOUR_API_KEY"
        },
        body: JSON.stringify({ nonce: body.behavior_nonce })
      });
    })
    .then(resp => resp.json())
    .then(data => {
      if (data.ok && data.verdict === "human" && data.confidence >= 0.7)
        return ok({ body: { success: true } });
      return forbidden({ body: { error: "Bot detected" } });
    })
    .catch(() => badRequest({ body: { error: "Verification failed" } }));
}

📝WordPress Integráció

Frontend (Manuális vagy Plugin)

add_action('wp_head', function () {
  echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer></script>';
});

Backend (PHP Ellenőrzés)

$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);

$ch = curl_init("https://api.silentshield.io/api/v1/captcha/verify-nonce");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => ["Content-Type: application/json", "X-Api-Key: $api_key"],
  CURLOPT_POSTFIELDS => $payload,
  CURLOPT_TIMEOUT => 5,
]);
$response = curl_exec($ch);
$code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($code !== 200) wp_die('Verification failed.');
$data = json_decode($response, true);
if (!($data['ok'] && $data['verdict'] === 'human' && $data['confidence'] >= 0.7))
  wp_die('Bot detected.');

Ajánlás: Használja hivatalos WordPress bővítményünket

A könnyebb integráció érdekében használja a bővítményünket közvetlenül a WordPress könyvtárból.

WordPress Bővítmény Letöltése

Összefoglalás

Platform	Frontend Integráció	Backend Ellenőrzés
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Külső Szerverellenőrzés
Wix (Velo)	Custom Code → Head	HTTP Függvény
WordPress	wp_head() vagy Plugin	PHP Form Handler

Készen áll az integrációra?

Kezdje ingyen API-központú megoldásunkkal.

Kezdje ingyen Dokumentáció