Web サイトに CAPTCHA を追加する方法

Web サイトの主な目的に関係なく、購読オプション、連絡フォーム、および訪問者があなたと通信できるその他の方法を含める可能性があります。 これは、優れたユーザー エクスペリエンスとビジネスの成長に大きく貢献します。

実際の訪問者からのみメールを受け取り、サイトの評判を維持するには、サイトを信頼できるものにして保護するための対策を講じる必要があります。 この投稿では、CAPTCHA を追加して Web サイトを保護する方法について説明します。

あなたのウェブサイトの別の不正使用

悪意のある人々があなたのサイトに関与するさまざまな方法があります. これにより、サイトの評判が損なわれ、データが危険にさらされる可能性があります。 不正使用が発生する可能性のある方法には、次のようなものがあります。

• ボットを使用してコメントを投稿する

• 購読/連絡フォームによる自動メール送信

• 偽の電子メール アドレスを使用してサイトにアカウントを大量に登録する。

これらの脆弱性から Web サイトとガイドを保護する主な方法は、Web ページで CAPTCHA スクリプトを使用することです。

CAPTCHA を使用する理由

サイトで CAPTCHA を使用する主な理由は、サイトの訪問者の信憑性を確立することです。 また、ボットではなく本物の人間からメッセージを受け取ることが保証されます. 悪意のある目的で開発された多くの自動化されたエージェントとスクリプトがあります。

これらをあなたのウェブサイトに置くと、サイトが不必要に詰まり、リソースを消費してあなたとあなたの訪問者を攻撃します. たとえば、お問い合わせフォームのスパムや大量の偽アカウントの登録の結果として、サイトで一貫してメール エラーが発生することがあります。

ドメイン名やホスティング cPanel IP アドレスなど、これらすべてが Web サイトの評判に影響します。 以上が、CAPTCHA の使用を強く推奨する理由です。

Web サイトでの CAPTCHA の仕組み

CAPTCHA では、サイトの訪問者がサイトのフォームにアクセスまたは送信するために、単純または複雑なタスクを実行する必要があります。 タスクでは、いくつかの要素を読み取って解釈するか、人間の論理を使用して質問に答える必要がある場合があります。 不便な場合もありますが、サイトに十分なセキュリティを提供します.

訪問者がタスクを正しく通過すると、ログインが承認され、訪問者はサイトにアクセスしたり、連絡フォームを送信したりできるようになります。 複雑な言語的および数学的なタスクを伴う複雑な CAPTCHA の使用法ではなく、単純な CAPTCHA の使用法に固執することをお勧めします。

使用する最も効果的な CAPTCHA はどれですか?

CAPTCHA には多くのオプションが市場に出回っていますが、Google reCAPTCHA は最も使用されている CAPTCHA サービスの 1 つです。 最良の部分は、無料で使用でき、基本的かつ効果的な機能を提供することです。 もちろん、有料版が必要な場合は、統合の可能性と拡張機能を提供するエンタープライズ版にアップグレードできます.

サブスクリプション パッケージは、Google Developers ページの製品セクションにあります。 このガイドでは、reCAPTCHA CAPTCHA サービスの無料版を見ていきます。

ウェブサイトに reCAPTCHA を追加する手順

ステップ 1: プロセスを開始する前に、Google アカウントにサインインすることをお勧めします。

ステップ 2: Google のデベロッパー ガイド ページにアクセスして、サイトへの reCAPTCHA の追加を開始します。

ステップ 3: 開発者ガイド ページの小さな概要セクションで、[API キー ペアにサインアップ] リンクをクリックします。 別のページにリダイレクトされます。

ステップ 4: 次に開いたページで Web サイトの情報を入力します。 「ラベル」が付いている部分は、Google パネルでのウェブサイトの名前です。 「ドメイン」には、ホスティング プランに関連付けられている既存のドメイン名が表示されます。

サイトの URL を使用せずにドメイン名のみを使用します。 その一例が幸福.comです。 次に、「利用規約」にチェックを入れ、サービスの利用条件に同意します。

ステップ 5: 次の画面には、使用するシークレット キーとサイト キーのコードが表示されます。 Web サイトで CAPTCHA の設定を開始する前に、それらを安全で簡単にアクセスできる場所にコピーしてください。

Google reCAPTCHA には v2 と v3 の 2 つのバージョンがあることに注意してください。 Google reCAPTCHA v2 はトラフィックを評価し、疑わしい使用法がある場合にページのチェックボックスをオンにするように要求します。 このバージョンは、モバイル コンテンツに対してより快適で信頼性があります。

Google reCAPTCHA v3 では、フィールドへの入力やボックスのチェックは必要ありません。 ページ上のユーザーのアクティビティを検証するために、スコアを追跡および構築します。 ルールに一致する行動に従って機能し、対応するタスクを推奨します。

どちらのバージョンも、対応するページ用にサイトに追加できるスクリプト セットであることに注意してください。 WordPress などの CMS Web サイトのモジュールまたはプラグインを介して機能を追加できます。

ステップ 6: WordPress Web サイトに CAPTCHA をインストールします。 これを行うには、WordPress サイトに移動します。 プラグインセクションに移動し、「新規追加」タブをクリックします。 検索フィールドで CAPTCHA を検索します。 WordPress リリースと互換性のあるプラグインのバージョンを選択する必要があります。

通常、システムによって自動的にマークされます。 だから、単にそれをクリックしてください。 互換性のないバージョンのプラグインをインストールしようとすると、訪問者が利用できなくなるなど、Web サイトで問題が発生する可能性があります。

インストール後、使用しているお問い合わせフォームと統合できるようになりました。 デフォルトでは、CAPTCHA 保護は、WordPress のほとんどの有名な連絡先プラグインに既に統合されています。 Contact Form 7 プラグインの最新版で利用できます。

ステップ 7: Web サイトの管理ダッシュボードに移動し、[連絡先] セクションの [統合] タブに移動します。 ここで、reCAPTCHA アドオンを見つけます。 「統合のセットアップ」ボタンをクリックします。

ステップ 8: 次のウィンドウで Google Developers のダッシュボードからコピーした詳細を入力し、[変更を保存] ボタンをクリックします。

ステップ 9: 「連絡先」セクションに移動し、「連絡先フォーム」タブをクリックして、編集するフォームを選択します。

ステップ 10: [recaptcah] を連絡先フォームに記載されているコードに挿入し、[変更を保存] ボタンをクリックします。

結論

これで、CAPTCHA がすべて設定され、作業を開始する準備が整いました。 誰かがあなたのサイトで連絡先フォームを使用するたびに、CAPTCHA がポップアップして、その人が本物の人間かボットかを検証します。

お問い合わせフォームでの統合用の設定とコードがさらに必要な場合は、Google アカウントから reCAPTCHA コード ラボ ページを確認できます。 このセクションには、動作、サイズ、その他のオプションなどがあります。