Tw
感想を共有しよう！
シェアする

Google reCAPTCHA v3プラグイン(4.1系)

販売価格：5,000円(税込)

公開日： 2026年2月24日 / 更新日： 2026年4月21日

対応バージョン： 4.1.x 系
4.1系	4.1.0｜4.1.1｜4.1.2｜4.1.2-p1｜4.1.2-p2｜4.1.2-p3｜4.1.2-p4｜4.1.2-p5

提供：Bootech

サポート： [email protected]

ライセンス： LGPL

商品情報

Google reCAPTCHA v3プラグイン(4.1系)

Google が提供する reCAPTCHA v3 を使用して、EC-CUBE の各フォームにセキュリティ認証を追加するプラグインです。

簡単な設定だけで導入でき、必要に応じてページ単位での有効/無効切り替えや、スコア判定・通信エラー時の挙動設定・テストモードなど、実運用に必要な機能を幅広く備えています。
必要な画面やフォームにだけ適用もできるため、運用負荷を抑えつつセキュリティを強化することが可能です。

機能概要

対応ページ

会員ログインページ
購入ログインページ
新規会員登録ページ
お問い合わせページ
注文手続きページ
パスワード再発行ページ
管理画面ログインページ

主な設定項目

スコア判定基準
reCAPTCHA バッジ表示・非表示
検証エラー時の許可設定
各フォームごとの有効/無効

導入方法

サイトキー/シークレットキーの取得

Google reCAPTCHA でサイトを登録します。

フォームを送信後サイトキー/シークレットキーが発行されます。それぞれコピーしてください。

プラグインの設定

当プラグインをインストール&有効化してください。
管理画面 > コンテンツ管理 > キャッシュ管理より、キャッシュ削除を行なってください。
管理画面 > 設定 > システム設定 > reCAPTCHA設定より、①サイトキー、②シークレットキーを入力し、必要に応じて各項目を設定して保存してください。

①サイトキー:Google reCAPTCHA v3 から取得したサイトキーを入力してください
②シークレットキー:Google reCAPTCHA v3 から取得したシークレットキーを入力してください
③スコア判定基準:スコアがこの値未満の場合はbotと判定します(bot として判断された場合、スコアが低くなります)
④reCAPTCHA バッジを表示する:reCAPTCHA を使用するページ上にバッジを表示・非表示します
⑤reCAPTCHA 通信エラー時にフォーム送信を許可する:reCAPTCHA との通信エラー等が発生した場合に判定を行わず、フォーム送信を許可します(無効:フォーム送信を許可しない　有効:フォーム送信を許する)
⑥テストモードを有効にする:本番環境では使用しないでください。テストモードでは常に検証エラー(bot扱い)とし、reCAPTCHAの判定スコアをアラートに表示します(管理画面ログインページは除く)
⑦フロントページ設定:チェックを入れるとフロント各ページの reCAPTCHA 設定を有効にします。
⑧管理画面設定(管理画面ログイン):チェックを入れると管理画面の reCAPTCHA 設定を有効にします。

再度管理画面 > コンテンツ管理 > キャッシュ管理より、キャッシュ削除を行なってください。

バッジ非表示時の文言表示(任意)

reCAPTCHA バッジを非表示にする場合は、規約文言を表示する必要があります。
次の方法で reCAPTCHA による認証を行うページに規約文言を表示するタグを配置してください。

規約文言タグ

{{ include('@BootechRecaptchaV341/default/recaptcha_badge_hidden_message.twig', { form: form }, ignore_missing = true) }}

配置例(会員登録)

管理画面 > コンテンツ管理 > ページ管理の Recaptcha を使用する各ページのコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form method="post" action="{{ url('entry') }}" novalidate class="h-adr">

・・・

{{ include('@BootechRecaptchaV341/default/recaptcha_badge_hidden_message.twig', { form: form }, ignore_missing = true) }} {# この行を追加 #}

・・・

</form>

reCAPTCHA エラーの表示(任意)

reCAPTCHA の認証失敗時にエラーを表示したい場合、エラー表示用テンプレートを配置してください。

配置例(お問い合わせ)

{{ include('@BootechRecaptchaV341/default/recaptcha_error.twig', { form: form }, ignore_missing = true) }}

管理画面 > コンテンツ管理 > ページ管理 > お問い合わせ(入力ページ) のコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

・・・

    <div class="ec-borderedDefs">

        ・・・

    </div>

    {{ include('@BootechRecaptchaV341/default/recaptcha_error.twig', { form: form }, ignore_missing = true) }} {# この行を追加 #}

    <div class="ec-RegisterRole__actions">

        <div class="ec-off4Grid">

            <div class="ec-off4Grid__cell">

                <button type="submit" class="ec-blockBtn--action" name="mode" value="confirm">{{ '確認ページへ'|trans }}

                </button>

            </div>

        </div>

    </div>

</form>

配置例(会員登録)

{{ include ('@BootechRecaptchaV341/default/Mypage/recaptcha_error.twig', ignore_missing = true) }}

管理画面 > コンテンツ管理 > ページ管理 > 会員登録(入力ページ) のコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

    ・・・

    <div class="ec-registerRole__actions">

        <div class="ec-checkbox{{ has_errors(form.user_policy_check) ? ' error' }}">

            ・・・

        </div>

        {{ include('@BootechRecaptchaV341/default/recaptcha_error.twig', { form: form }, ignore_missing = true) }} {# この行を追加 #}

        <div class="ec-off4Grid">

            ・・・

        </div>

    </div>

    ・・・

</form>

配置例(パスワード再発行)

{{ include('@BootechRecaptchaV341/default/Forgot/recaptcha_error.twig', { form: form }, ignore_missing = true) }}

管理画面 > コンテンツ管理 > ページ管理 > パスワード再発行(入力ページ) のコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

    ・・・

    <div class="ec-off4Grid">

        <div class="ec-off4Grid__cell">

            <button type="submit" class="ec-blockBtn--action">{{ '次へ'|trans }}</button>

            {{ include('@BootechRecaptchaV341/default/Forgot/recaptcha_error.twig', { form: form }, ignore_missing = true) }} {# この行を追加 #}

        </div>

    </div>

    ・・・

</form>

管理画面 > コンテンツ管理 > ページ管理 > パスワード再発行(再設定ページ) のコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

    ・・・

    <div class="ec-registerRole__actions">

        <div class="ec-off4Grid">

            <div class="ec-off4Grid__cell">

                <button class="ec-blockBtn--action" type="submit">{{ '登録する'|trans }}</button>

                {{ include('@BootechRecaptchaV341/default/Forgot/recaptcha_error.twig', { form: form }, ignore_missing = true) }} {# この行を追加 #}

            </div>

        </div>

    </div>

    ・・・

</form>

配置例(会員ログイン)

{{ include ('@BootechRecaptchaV341/default/Mypage/recaptcha_error.twig', ignore_missing = true) }} 

管理画面 > コンテンツ管理 > ページ管理 > MYページ/ログインのコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

    ・・・

    <div class="ec-login">

        <div class="ec-login__icon">

            <div class="ec-icon"><img src="{{ asset('assets/icon/user.svg') }}" alt=""></div>

        </div>

        {{ include ('@BootechRecaptchaV341/default/Mypage/recaptcha_error.twig', ignore_missing = true) }} {# この行を追加 #}

        <div class="ec-login__input">

            <div class="ec-input">

                {{ form_widget(form.login_email, {'attr': {'style' : 'ime-mode: disabled;', 'placeholder' : 'common.mail_address', 'autofocus': true}}) }}

                {{ form_widget(form.login_pass,  {'attr': {'placeholder' : 'common.password' }}) }}

            </div>

    ・・・

</form>

配置例(購入ログイン)

タグの配置は不要です

配置例(購入)

{{ include ('@BootechRecaptchaV341/default/Shopping/recaptcha_error.twig', ignore_missing = true) }} 

管理画面 > コンテンツ管理 > ページ管理 > 商品購入のコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

    ・・・

        <div class="ec-totalBox__btn">

            <button type="submit" class="ec-blockBtn--action">{{ '確認する'|trans }}</button>

            <a href="{{ url("cart") }}" class="ec-blockBtn--cancel">{{ 'カートに戻る'|trans }}</a>

        </div>

        {{ include ('@BootechRecaptchaV341/default/Shopping/recaptcha_error.twig', ignore_missing = true) }} {# この行を追加 #}

    </div>

    ・・・

</form>

管理画面 > コンテンツ管理 > ページ管理 > 非会員購入情報入力のコードから、下記の様にタグを配置してください。
※必ず <form></form> タグ内に配置してください。

<form>

    ・・・

    <div class="ec-RegisterRole__actions">

        <div class="ec-off4Grid">

            <div class="ec-off4Grid__cell">

                <button type="submit" class="ec-blockBtn--action">{{ '次へ'|trans }}</button>

                {{ include ('@BootechRecaptchaV341/default/Shopping/recaptcha_error.twig', ignore_missing = true) }} {# この行を追加 #}

                <a class="ec-blockBtn--cancel" href="{{ url('cart') }}">{{ '戻る'|trans }}</a>

            </div>

        </div>

    </div>

    ・・・

</form>

配置例(管理画面ログイン)

タグの配置は不要です

フォーム対象の限定(任意)

ページ内に複数フォームがある場合、以下のように data-recaptcha-target="true" を付けたフォームのみが対象になります。
未指定の場合は従来通り全フォームに適用されます。

<form method="post" data-recaptcha-target="true">

    ...

</form>

注意事項

テンプレートをカスタマイズしている場合、表示位置の調整が必要になることがあります。
カスタマイズを行なっている際は正常に動作しない可能性がございます。

ステータス変更時の処理

インストール時

DB テーブル plg_bootech_recaptcha_v3_41_config を作成

アップデート時

なし

有効化時

DB テーブル plg_bootech_recaptcha_v3_41_config に初期データを投入

無効化時

なし

アンインストール時

DB テーブル plg_bootech_recaptcha_v3_41_config を削除

デモ

デモ環境で動作をご確認いただけます。アクセス情報は下記をご参照ください。
※デモ環境は、EC-CUBEのデフォルト環境にプラグインをインストールし、有効化したのみの状態です。プラグインの仕様によっては、別途追加の設定が必要になる場合がございます。

サイト情報

4.3.x 系

フロント管理画面ログインID: administrator パスワード: password12345678

4.2.x 系

フロント管理画面ログインID: administrator パスワード: password12345678

4.1.x 系

フロント管理画面ログインID: administrator パスワード: password12345678

4.0.x 系

フロント管理画面ログインID: administrator パスワード: password12345678

毎日午前0時より数分間、システムメンテナンスを実施します。この間、初期化処理を行うため、設定情報がリセットされます。
事前の予告なしに、システムメンテナンスを実施する場合があります。
デモ環境で不具合などを発見された場合は、サポートまでメールでご連絡ください。

開発者情報

プラグインのロジック変更や項目追加のほか、本体カスタマイズも承っております。お気軽にこちらまでご連絡ください。

EC-CUBE やシステム開発関連の情報発信をしています。詳しくは、Bootech 公式サイトをご覧ください。

EC-CUBE 4系のローカル環境構築プロジェクトの運営も行なっています。詳しくは、Docker for EC-CUBE 4をご確認ください。

Google reCAPTCHA v3プラグイン(4.1系)

リリースノート

インストール処理の最適化（2026/04/21）

プラグインインストール時の処理を最適化しました。

Google reCAPTCHA v3プラグイン(4.1系)の販売を開始しました。（2026/02/24）

プラグインをリリースしました。

Google reCAPTCHA v3プラグイン(4.1系)5,000円(税込)

この商品に対するお客様の声

この商品に対するご感想をぜひお寄せください。

ご感想を書き込む