WordPressでCloudflare Turnstile Captchaを設定する方法

ボットやスパムからウェブサイトを守ることは重要です。多くのウェブマスターは キャプチャ を使用して、訪問者が本物のユーザーであるかどうかを判断します。

同様に重要なことです。複雑な絵や歪んだ文字は使わないでください。などと、顧客離れを起こします。結局のところ、ユーザーエクスペリエンスが重要なのです。

クラウドフレア・ターンスタイルCAPTCHA これは、シンプルなチェックボックス、またはチェックボックスが全くない（不可視のCAPTCHA）ことによって解決され、よりクリーンなユーザー体験を提供します。

では、次に ワードプレスウェブサイトこの記事では、Cloudflare CAPTCHAの設定について、両方の方法を説明し、問題のテストとトラブルシューティングの手順、および推奨事項を説明します。

Cloudflare CAPTCHAの概要

キャプチャ "コンピュータと人間を区別する完全自動チューリングテスト「の略。これは、ボットなどによるウェブサイトへのアクセスを効果的に防止するセキュリティ対策です。

CAPTCHAは、歪んだテキストを読む、特定のオブジェクトを含む画像を選択する、チェックボックスにチェックを入れるなど、人間にとっては簡単だがロボットにとっては難しい操作をユーザーに要求します。

Cloudflare CAPTCHAは、悪意のあるトラフィックのブロックとボット攻撃の防止に重点を置いたCloudflareの広範なセキュリティスイートの一部です。

Cloudflare Turnstileとは何ですか？

Cloudflare Turnstile CAPTCHAは従来のCAPTCHAとは少し異なり、モダンで軽量なソリューションです。

とおす画像ベースの課題を取り除き、Turnstileは回転ブラウザテストと非インタラクティブJavaScriptをパスします。 を使用して、スムーズなフォーム保護を実現しています。つまり、ユーザーはジグソーパズルを完成させる必要がなく、フォーム送信プロセスが最適化されます。

WordPressウェブマスターは無料でサインアップし、簡単にCloudflare Turnstile CAPTCHAをウェブフォームに統合することができます。

主な特徴

Cloudflare CAPTCHAの主な特徴は以下の通りです：

• ユーザー操作不要
• 利用者の迷惑にならないように
• 非インタラクティブJavaScriptの課題
• アダプティブプロテクション
• 軽量・高速
• 無料統合

改札ウィジェットタイプ

改札ウィジェットには次のような種類があります：

• 非インタラクティブ・チャレンジ
• 訪問者がロボットであると疑われる場合は、押し付けがましくないインタラクション（チェックボックスにチェックを入れるなど）で挑みます。

• ブラウザに見えない課題を提供

Cloudflare CAPTCHAの使い方

この記事では、ウェブサイトの問い合わせフォームにCloudflare Turnstile CAPTCHAを追加します。

今のところ、そのように見えます：

強いるCloudflareを始めるのウェブサイトをご覧ください：

• の右上を見つけてクリックします。在籍 "ボタンまたは "フリースタート"

• メールアドレスとパスワードを追加して登録します。

アカウントを作成すると、Cloudflareのダッシュボードに移動します。

• 左のパネルで" ターンテーブル ".
• 次に、「改札」をクリックします。 ウィジェットウィジェットを追加します。
• 次へクリステンウィジェットは後で簡単に識別できます。ここでは "Security "と名付けられています。
• をクリックしてください。ホスト名を追加 "をクリックしてサイトを追加します。

• ページをスクロールしてウィジェットモード。 
• 打点「変更を保存.

• ウィジェットが作成されると、次のステップで必要となるAPIキーが取得されます。

WordPressにCloudflare Turnstileを追加する方法

WordPressサイトにCloudflare CAPTCHAを追加する方法は2つあります。

方法1: WPFormsでCloudflare Turnstile CAPTCHAを追加します。

Cloudflare Turnstileを追加する最も一般的な方法はWPFormsを使用することです。

ステップ1: WPFormsでのTurnstileの設定

• まずプラグイン>新しいプラグインの追加.
• 検索フィールドに入力"WPForms"。
• では取付さらにアクティブ化WP Forms プラグイン。

• 次にWPForms > 設定 > CAPTCHA.
• 打点ターンテーブル).

Cloudflareは サイトキー 歌で応える シークレット・キーここに記入してください。

• 下にスクロールして、貼り付けられるものを見つけてください。 サイトキー 歌で応える シークレット・キー この地域の
• 必要に応じて、認証に失敗したときに表示されるメッセージを変更することもできます。
• キーを入力したら「設定の保存

ステップ 2: WordPress フォームでターンスタイルを有効にする

キーが追加されたので、次のステップはTurnstileが保護したいフォームを有効にすることです。

以下の手順に従ってください：

• ワードプレスへインストルメントパネル.
• 左のパネルでWPForms > すべてのフォーム.
• Cloudflare CAPTCHAを有効にしたいフォームを見つけます。
• フォームの下にある"編集".

万が一 コンパイラ オプションは表示されませんが、フォームにカーソルを合わせるとすべてのオプションが表示されます。

• 編集ダッシュボードの左側の ターンテーブルそれをクリックしてください。

その際、Turnstileが有効であることを示すメッセージが表示されます：

• 打点「わかりましたをクリックしてください。保存」.

以上でセットアップは完了です。

さて、サイトのフロントエンドをチェックし、ウィジェットが正しく表示されているか確認してください。

コネクションテーブルはこんな感じになりました：

フォームがWPFormsで構築されていない場合でも、プラグインを使用してCloudflare CAPTCHAを統合することができます。

方法2：無料のプラグインでターンスタイルCAPTCHAを追加する

を使用することが可能です。 シンプルなクラウドフレア・ターンスタイル WordPress のフォームに Turnstile を追加するプラグインです。

• まずプラグイン>新しいプラグインの追加.
• 検索フィールドに入力"シンプルなクラウドフレア・ターンスタイル".
• では取付さらにシンプルなCloudflare Turnstileの有効化 プラグイン。

これでAPIキー設定.

• 該当する入力ボックスにペーストしてください。 サイトキー 歌で応える シークレット・キー.

• 下にスクロールし、ターンスタイルを有効にするフォームにチェックを入れてください。

デフォルトの WordPress フォームを使用していない場合は、以下のセクションを参照してください。私の例では、WPForms のオプションが表示されています。

• 打点「変更を保存終わった終わった

Cloudflare CAPTCHAをテストするには？

すべてがうまくいくことを確認するために、まず開発環境でCloudflare Turnstile CAPTCHAをテストすることができます。

以下のサイト・キーとシークレット・キーは、テスト用にご利用いただけます。

実際のキーをローカルでテストしたい場合は、以下のように設定する必要があります。テスト用ホスト名をドメインのホワイトリストに追加.

任意のドメイン（localhostを含む）の仮想サイトキーでテストできます。

Cloudflareでは、本番環境のサイトキーはローカルロケール（localhostや127.0.0.1など）を許可しないことを推奨していますが、必要に応じてこのロケールを許可リストに追加することもできます。

テストキーの例：

注目してください：これらの仮想サイトキーは xxxx.ダミー.トークン.xxxx レスポンス本番環境の秘密鍵はこのトークンを拒否するので、テスト用に仮想シークレットキー.

テストとトラブルシューティング

Cloudflare CAPTCHAが追加された場合、テストとトラブルシューティングの方法をいくつかご紹介します：

テストフォームの提出

1. WordPressのダッシュボードに移動します。
2. Cloudflare CAPTCHAが有効なフォームを選択して送信します。
3. フォームが期待通りに動作しているか確認してください (例: 送信がスムーズに行われるか、バリデーションがポップアップ表示されるか、など)。

これらの手順は、CAPTCHAが正しく機能していることを確認し、初期テストを行うのに役立ちます。問題が発生した場合は、さらにトラブルシューティングを行い、設定を調整することができます。