60秒で統合

SilentShield インテグレーション

お気に入りのプラットフォームやフレームワークへの簡単な統合。API-First、フレームワークに依存せず、数分で利用可能。

React & Next.js用NPMパッケージ

ReactおよびNext.jsプロジェクトへのシームレスな統合のために、公式NPMパッケージをご利用ください。

@silentshield/react

TypeScriptサポートとHooksを備えた公式Reactパッケージ

インストール

npm install @silentshield/react

使用法

// あなたのReactコンポーネントで
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPMパッケージドキュメント

📝

captcha-for-contact-form-7

最も人気のあるWordPressフォームプラグインのネイティブ統合。CAPTCHAの障害がない、目に見えないスパム対策。

SilentShield Captcha

当社の公式WordPressプラグインがWordPressディレクトリで利用可能になりました。Contact Form 7とのシームレスな統合：目に見えない、GDPR準拠、アクセシブル。

WordPressから直接ワンクリックでインストール
WordPress管理画面での集中設定
自動更新とメンテナンス

WordPressプラグインをダウンロード

Contact Form 7統合済み

CF7フォームに目に見えないボット保護を追加

WPForms統合済み

WPFormsをスパムとボットから保護

Elementor Forms統合済み

Elementorフォームウィジェットの統合

WooCommerce統合済み

チェックアウトと登録のボット保護

Avada Forms統合済み

Avada Theme Builder Formsとのシームレスな統合

Fluent Forms統合済み

Fluent Formsフォームのボット保護

☁️

Cloudflare互換性

SilentShieldはCloudflareとシームレスに動作します。Load Balancerの前にデプロイするか、他のCloudflareサービスと組み合わせてください。

Cloudflare Load Balancerの前で？

はい、問題なく可能です。

SilentShieldはCloudflare Load Balancerの直前にデプロイできます。スクリプトはクライアント側で実行され、既存のインフラストラクチャにシームレスに統合されます。

Cloudflareサービスとの競合なし
CDNおよびキャッシングと互換性あり
追加のセキュリティレイヤー

差別化要因としてのEUデータホスティング

決定的な違い

多くがCloudflare Turnstileを使用している中、SilentShieldはEUホストのインフラストラクチャとクッキーレスアーキテクチャを通じて明確な優位性を提供します。

100% GDPR準拠のEUデータホスティング
クッキーや永続的なストレージなし
透明で公正な価格設定

Cloudflareとの統合

<head>にスクリプトを埋め込む:

<script async crossorigin="anonymous" src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)></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 async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

YOUR_API_KEYをSilentShieldダッシュボードのAPIキーに置き換えてください。

バックエンド – 検証 (PHPの例)

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

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

$ch = curl_init("https://api.silentshield.io/v1/verify");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => [
    "Content-Type: application/json",
    "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 async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

Backend

Webflowは直接的なサーバーロジックをサポートしていないため、フォームを独自のサーバーまたはサービス（例：Make、n8n、AWS Lambda、Firebase Function）に送信してください。そこで、フォームをさらに処理する前に、上記のShopifyの例と同じ検証コードを実行してください。

✨Wix 統合

Frontend

Wixエディターを開く
開発モード (Velo) を有効にする
カスタムコードを追加 → Head を選択
同じ <script> コードを挿入
ウェブサイトを公開

<script async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</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/v1/verify", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "api-key": "YOUR_API_KEY"
        },
        body: JSON.stringify({ nonce: body.silentshield_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 async crossorigin="anonymous"
    src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
  </script>';
});

バックエンド (PHP検証)

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

$ch = curl_init("https://api.silentshield.io/v1/verify");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => ["Content-Type: application/json", "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.');

推奨：公式WordPressプラグインの使用

より簡単な統合のために、WordPressディレクトリから直接プラグインをご利用ください。

WordPressプラグインをダウンロード

要約

プラットフォーム	フロントエンド統合	バックエンド検証
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	外部サーバーチェック
Wix (Velo)	Custom Code → Head	HTTP関数
WordPress	wp_head() またはプラグイン	PHP Form Handler

統合の準備はできましたか？

当社のAPI-Firstソリューションで60秒未満で始めましょう。

無料で始めるドキュメント