WooCommerce チェックアウトに Captcha を追加する方法
公開: 2022-10-18ShopReady を使用して WooCommerce ストアを構築した後、サイトをスパマーから保護するという最大の課題に直面しました。 ええ、スパマーはさまざまな自動化されたテクノロジーを使用してビジネスに侵入し、不正な注文を試みる可能性があります. WooCommerce Checkout に Captcha を追加する方法を学びましょう。
これは、誤解を招く取引を引き起こし、ビジネスに潜在的な損害をもたらす可能性があります。 そのため、ユーザーが本物の人間であることを確認する必要があります。また、自動化されたスクリプトやボットがチェックアウト ページに干渉しないようにする必要もあります。
これを解決するには、WooCommerce ストアのチェックアウト時にキャプチャを追加する必要があります。 この記事では、スパム ツールやボットからビジネスを保護するためにキャプチャを追加する理由と方法について説明します。
プラグインを使用するか、プラグインなしで実行できます。 ShopReady で構築された WooCommerce ストアに実装した可能なすべてのメソッドについて説明し、それらを使用してサイトに Captcha を追加できるようにします。 はじめましょう!
ShopReady のようなツールを使用して WooCommerce ストアを構築したものの、その安全性を確保するのに苦労しているかもしれません。 チェックアウト時にキャプチャを追加することは、検討すべきセキュリティ対策の 1 つです。
WooCommerce チェックアウトにキャプチャを追加する主な理由は、不正な購入を試みる自動化された悪意のある攻撃からサイトを保護することです。 自動化されたツールが販売フォームに記入するのを防ぎ、偽の登録やゲストの注文を防ぎます。 キャプチャは、潜在的な損失からあなたを救う可能性のある誤解を招くトランザクションを停止できます。
キャプチャがユーザーのやり取りを少し複雑にする可能性があると考える人もいますが、顧客にとって一般的に便利な、摩擦の少ないユーザー エクスペリエンスを実装する方法はいくつかあります。 そして、キャプチャをクラックするのが難しい唯一のものは、それらの「コンピューター化されたボット」です。
目次
Woocommerce チェックアウトに Captcha を追加する方法は?
次に、ShopReady WooCommerce ストアのチェックアウト ページにキャプチャを追加する方法に移ります。 プラグインを使用する方法とプラグインを使用しない方法の両方を試しました。
これらを試しているうちに、いくつかの優れたプラグインとコード スニペットが思いつきました。 これらすべての方法について説明し、どれがあなたに適しているかを見てみましょう.
プラグインあり
顧客が WooCommerce ストアからの購入を続行できるようにするには、チェックアウト ページまたはサイトの任意の場所でさまざまなキャプチャ検証プラグインを使用できます。
そこにはかなりの数のそのようなプラグインがあります。 ただし、ShopReady を使用して WC ストアを構築する際に試した上位 3 つは次のとおりです。
WooCommerce の reCaptcha
これは、WooCommerce Spam Protection 専用に設計されたプレミアム プラグインです。 無料版としては利用できないため、最初に料金を支払う必要があります。 このプラグインを使用すると、Google ReCAPTCHA をチェックアウト ページやその他のフォーム (登録、ログイン、パスワード紛失フォームなど) に追加できます。
同じページにログイン フォームと登録フォームがある場合のように、1 つのページに複数のキャプチャを表示できます。両方のフォームでキャプチャを有効にできます。
このプラグインを使用すると、reCaptcha v2 と ReCaptcha V3 の両方を使用できます。 その他の主要な機能には、ユーザー言語の自動検出、reCaptcha のカスタマイズ、エラー メッセージのカスタマイズなどがあります。
プラグイン ページから他の WordPress プラグインと同様に簡単にインストールする必要があります。 簡単な設定には、必要な場所でキャプチャを有効または無効にするオン/オフ オプションが付属しています。 ShopReady ツールを使用して有効にするのに問題はありませんでした。
プラグインは、偽の登録や注文を阻止し、とにかくサイトを壊すものがないことを確認するために、高い基準に基づいて構築されています.
キャプチャ 4WP
WP White Security によってサポートおよび維持されているこれは、実際の人間が WooCommerce フォームとチェックアウト ページを通過できるようにする最高のキャプチャプラグインの 1 つです。
ボットからストアを保護し、ボットが注文を妨害できないようにします。 チェックアウト ページ以外にも、このプラグインを使用して、フォーム、コメント、登録、パスワードの紛失/リセットなどのさまざまなセグメントにキャプチャを表示できます。
このプラグインのハイライトは、これを使用して 1 つのページに複数のキャプチャを表示できることです。 また、カスタム キャプチャ スタイルもサポートしています。 v2 (私はロボットではありません)、v2 (見えない)、または v3 から選択できます。 ユーザーの言語を自動的に検出して、それに応じてキャプチャと設定を表示します。
デフォルトではいくつかのフォームにキャプチャを追加できますが、Contact Form 7 では短いコードを追加する必要があります。 無料版とプレミアム版の両方で利用できます。 ShopReady を使用しながら、プレミアム バージョンを試しました。
WooCommerce アカウントのプラグイン ページから簡単にインストールできます。 CAPTCHA 4WP を検索し、インストールしてアクティブ化して、スパマーからストアを保護します。

BestWebSoft による reCaptcha
BestWebSoft は、WooCommerce ストアを保護するための別の効果的なキャプチャ ソリューションを提供します。 WooCommerce チェックアウト請求フォームを含む、ほぼすべてのフォームで機能します。
このプラグインでは、reCaptcha v2、v3、および非表示バージョンを使用できます。 お客様は、買い物を進める前に、自分がロボットではないことを確認する必要があります。
Limit Attempts を使用して、スパムやブルート フォース攻撃を防ぎます。 この製品は、迅速でフレンドリーなサポートによって支えられています。
インストールは他の WP プラグインと同じように簡単です。 プラグインページからダウンロード、インストール、有効化できます。 設定したら、設定に移動し、チェックアウトページまたはその他の必要な場所を選択して有効にすることができます.
プラグインには、クイックセットアップのための詳細なガイドを備えた簡単な設定が含まれています. RTL 対応の機能を備えた多言語プラグインです。 設定を使用してカスタム コードを追加することもできます。 複数のキャプチャテーマも付属しています。 全体として、プラグインは ShopReady ビルダー ツールでうまく機能しました。
プラグインなし
プラグインの方法を確認したら、プラグインなしでキャプチャを WooCommerce チェックアウト ページに追加する方法を確認します。
Google は reCaptcha v2 スパム対策サービスを無料で提供しているため、プラグインなしでサイトに実装できます。 ShopReady を使用しながら、これを実装することに成功した経験があります。 これは最も人気のあるキャプチャ API であり、プラグインなしで WC チェックアウトに追加するにはコーディングを行う必要があります。
ただし、コード スニペットを使用する前に、フォームの支払いセクションには配置できないことに注意してください。 正常に追加するには、それに応じてアクションを選択する必要があります。
<?php
/**
* チェックアウトフォームに reCaptcha を追加
* @param $checkout
*/
function doublee_show_me_the_checkout_captcha($checkout) {
echo '<div class=”g-recaptcha” data-sitekey=”YOUR_KEY_HERE”></div>';
}
add_action('woocommerce_checkout_order_review', 'doublee_show_me_the_checkout_captcha', 18);
/**
* reCaptcha の検証
*/
関数 doublee_process_recaptcha() {
$postdata = $_POST['g-recaptcha-response'];
$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_HERE&response='.$postdata);
$response = json_decode($verified_recaptcha);
if(!$response->success) {
wc_add_notice('あなたがロボットでないことを確認してください' ,'エラー');
}
}
add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');
試してみたところ、ShopReady WooCommerce ストアでうまく機能しました。
Woocommerce Checkout で Google Recaptcha V2 を有効にする方法

これを行うには、V2 と V3 の両方のバージョンをサポートする WooCommerce プラグインに reCaptcha を使用するのが最善の方法です。
- まず、WC アカウントから .zip ファイルをダウンロードします。
- 次に、[管理] > [プラグイン] > [新規追加] > [プラグインのアップロード] に移動します
- ダウンロードしたファイルを選択
- reCaptcha をインストールしてアクティブ化する
- アクティベーション後、wooCommerce > 設定に移動します
- 設定の reCaptcha タブをクリックします。
- Recaptcha バージョンを ReCaptcha V2 として選択します (チェックボックス)。
- サイトキーとシークレットキーを設定する
- エラーメッセージなどの他のフィールドはそのままにします
- 設定を保存する
- キャプチャを有効にするためのタブのリストから、WooCommerce ゲスト チェックアウトを選択し、ボックスにチェックを入れてゲスト チェックアウト ページで reCaptcha を有効にします。
サイト キーとシークレット キーを取得するには、次の手順に従います。
- Google アカウントにログインします
- Google ReCaptcha 管理コンソール(https://www.google.com/recaptcha/admin) に移動します。
- 右上の+ボタンをクリック
- [ラベルの追加] に Web サイト名を追加します。
- reCaptcha v2 を選択します。
- 「私はロボットではありません」チェックボックスを選択します。
- ウェブサイトのドメインを追加
- 利用規約に同意する
- 完了したら、[送信] をクリックします
- サイト キーと秘密キーが表示されます。 それらをコピーして使用するだけです。
結論

これで、WooCommerce チェックアウトへのキャプチャの追加に関するガイドは終了です。 これらのキャプチャ方法はすべて、ShopReady WooCommerce チェックアウトでうまく機能したと言わざるを得ません。 したがって、この記事はあなたにも役立つはずです!
WC ストアをスパマーから効果的に保護できる優れたプラグインについて説明します。 WooCommerce の reCaptchaは、Google reCaptcha V2 または V3 を簡単かつ効果的にセットアップできる、ここで際立ったものです。
それぞれの場所にいくつかのコードを追加して reCaptcha V2 API を追加する方法についても説明しました。 上記の方法からどの方法を選択しても、いずれかを有効にした後は、不正な注文からサイトを安全に保つことが期待できます.
WordPress セキュリティのベスト プラクティス