スクリプト + サーバー検証
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 Form Handler |