스크립트 + 서버 검증
SilentShield 통합
선호하는 플랫폼과 프레임워크에 간단히 통합: 브라우저의 스크립트와 귀하의 서버에서의 검증. API 우선 방식이며 프레임워크에 구애받지 않습니다.
빠른 시작
3단계로 라이브
가입부터 활성 보호까지 — 서버 개편 없이.
API key 생성
가입 후 Dashboard에서 도메인용 Site-Key를 생성하세요 — 무료, 1분 이내로 완료됩니다.
Node.js, React & Next.js를 위한 NPM 패키지
SilentShield 클라이언트 스크립트를 프런트엔드에 삽입하고 공식 Node 패키지로 백엔드에서 nonce를 검증하세요.
@forge12interactive/silentshield-sdk-js
백엔드 검증을 위한 공식 Node.js 패키지
설치
사용법
// 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 });WordPress 플러그인
가장 인기 있는 WordPress 폼 플러그인을 위한 기본 통합. CAPTCHA 장애물 없는 보이지 않는 스팸 방지 보호.
SilentShield Captcha
당사의 공식 WordPress 플러그인이 이제 WordPress 디렉터리에서 제공됩니다. Contact Form 7과의 원활한 통합: 보이지 않으며, GDPR을 준수하고, 접근성이 뛰어납니다.
- WordPress에서 직접 원클릭 설치
- WordPress 관리자에서의 중앙 집중식 구성
- 자동 업데이트 및 유지 관리
Contact Form 7테스트됨
CF7 폼을 위한 보이지 않는 봇 보호이며, 플러그인으로 테스트되었습니다.
WPForms테스트됨
WPForms 폼을 위한 봇 보호이며, 플러그인으로 테스트되었습니다.
Elementor Forms테스트됨
Elementor Forms 폼을 위한 봇 보호이며, 플러그인으로 테스트되었습니다.
WooCommerce테스트됨
클래식 결제와 블록 결제는 테스트되었습니다.
Avada Forms테스트됨
Avada Forms 폼을 위한 봇 보호이며, 플러그인으로 테스트되었습니다.
Fluent Forms테스트됨
Fluent Forms 폼을 위한 봇 보호이며, 플러그인으로 테스트되었습니다.
테스트됨: 2026년 10월 7일 · SilentShield Captcha 2.15.14 · WordPress 7.1.2
Cloudflare 호환성
SilentShield는 Cloudflare와 원활하게 작동합니다. Load Balancer 앞에 배포하거나 다른 Cloudflare 서비스와 결합하십시오.
Cloudflare Load Balancer 앞에서?
예, 문제 없이 가능합니다.
SilentShield는 Cloudflare Load Balancer 바로 앞에 배포할 수 있습니다. 스크립트는 클라이언트 측에서 실행되며 기존 인프라에 원활하게 통합됩니다.
- Cloudflare 서비스와의 충돌 없음
- CDN 및 캐싱과 호환
- 추가 보안 계층
차별화 요소로서의 EU 데이터 호스팅
결정적인 차이
많은 사람들이 Cloudflare Turnstile을 사용하지만, SilentShield는 EU 호스팅 인프라와 쿠키 없는 아키텍처를 통해 명확한 이점을 제공합니다.
- GDPR에 맞춰 사용 가능, 데이터는 독일에
- 쿠키 또는 영구 저장소 없음
- 투명하고 공정한 가격 책정
Cloudflare와의 통합
<head>에 스크립트 포함:
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
CMS 통합 가이드
인기 있는 콘텐츠 관리 시스템을 위한 단계별 지침.
Shopify
Shopify 문의 양식에 SilentShield 추가
Webflow
사용자 지정 코드 삽입을 통한 통합
Wix
Wix Code (Velo)를 통한 포함
WordPress
WordPress 테마에 수동 통합
SilentShield 통합 가이드
SilentShield는 봇으로부터 폼을 안정적으로 보호합니다 – 보이지 않으며, GDPR을 준수하고, 접근성이 뛰어납니다. 완벽한 보안을 위해서는 프론트엔드 코드(JavaScript)가 포함되어야 하고 서버 측에서 검증되어야 합니다.
🛍️Shopify 통합
Frontend – Script-Einbindung
- Shopify 관리자 → 온라인 스토어 → 테마로 이동
- "작업 → 코드 편집"을 클릭
- 레이아웃 아래의 theme.liquid 파일 열기
- </head> 태그 앞에 다음 코드를 삽입
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
YOUR_API_KEY를 SilentShield 대시보드에서 가져온 API 키로 바꾸십시오.
백엔드 – 검증 (PHP 예시)
Shopify는 테마에서 자체 서버 코드를 실행하지 않으며, Shopify의 문의 양식과 고객 양식은 Shopify로 직접 전송됩니다. 그곳에서 SilentShield는 아무것도 검증하지 않습니다. 서버 측 검증을 하려면 양식이 고객님의 자체 서버, App Proxy 경로 또는 Make, n8n, 클라우드 함수와 같은 서비스로 전송되어야 하며, 해당 서비스는 데이터를 전달하기 전에 아래 코드를 실행해야 합니다. 테마의 스크립트만으로는 이 검증을 대신할 수 없습니다.
<?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 통합
Frontend
- 프로젝트 열기 → Project Settings → Custom Code → Head Code
- 이 코드 삽입
- 페이지 게시
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend
Webflow는 직접적인 서버 로직을 지원하지 않으므로, 폼을 자체 서버 또는 서비스(예: Make, n8n, AWS Lambda, Firebase Function)로 전송하십시오. 거기서 폼을 추가 처리하기 전에 위 Shopify 예시와 동일한 검증 코드를 실행하십시오.
✨Wix 통합
Frontend
- Wix 에디터 열기
- 개발 모드(Velo) 활성화
- 사용자 지정 코드 추가 → Head 선택
- 동일한 <script> 코드 삽입
- 웹사이트 게시
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
백엔드 (Velo HTTP 함수)
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 통합
프론트엔드 (수동 또는 플러그인)
add_action('wp_head', function () {
echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer></script>';
});백엔드 (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);
$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.');요약
| 플랫폼 | 프론트엔드 통합 | 백엔드 검증 |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | 외부 서버 확인 |
| Wix (Velo) | Custom Code → Head | HTTP 함수 |
| WordPress | wp_head() 또는 플러그인 | PHP 폼 핸들러 |