Joomla!, Microsoft Word, etc.

Joomla!

Convert FormsにてGoogle reCAPTCHA導入

Details
Written by: fuku-chang
Category: Joomla!
Google reCAPTCHA with the Convert Forms Extension

Joomla!にExtensionのConvert Formsを導入し、Google reCAPTCHAを利用します。

Summary

  • Convert FormsはJoomla!に問い合わせフォームを構築するExtensionです
  • Google reCAPTCHAはボットによるスパムや不正行為から保護するサービスです
  • 現在の問い合わせフォームと入れ替え、フォームのカスタマイズに強いConvert Formsを導入し、合わせてGoogle reCAPTCHAを「簡単に」追加します
  • なお、Joomla!コアには[CAPTCHA - Invisible reCAPTCHA]というPluginが同梱されていたのですが、Joomla! 5.2以降同梱されなくなったそうです(下記参照Dより)
  • また、Convert Forms導入前のコア同梱のContactフォームもスパムに利用される「投稿者アドレスへのフォーム内容返信機能」はデフォルトで[非表示]となっており、それなりのスパム対策は取られています

Reference

  1. Tassos Marinos | Convert Forms
    • Convert Formsを提供しているオフィシャルサイトです
  2. Google reCAPTCHA
  3. Google Cloud | reCAPTCHA
  4. github | nikosdion / plg_captcha_google
    • Joomla! 5.2以降コアからGoogle Invisible reCAPTCHAが同梱されなくなったことに伴い、nikosdion氏から提供されたプラグインです
    • 今回は使用を見送っています

Google reCAPTCHA

Pricing Tier

  • Google reCAPTCHAはEssentials, Standard, Enterprise3つの料金ティアが用意されています
  • Essentialsは1 か月あたり最大 10,000 件の評価まで無料です
    • 当サイト程度であれば相当に余りあるほど十分な条件です

Features

  • Google reCAPTCHAの機能をオフィシャルサイトから代表的な5項目を列挙します(同ページには合計18の機能の説明があります)
    1. 高度なbotとオンライン不正の検出
    2. アカウントの乗っ取りや不正なユーザーからの保護
    3. スムーズなユーザー エクスペリエンスを損なわないbotの軽減
    4. SMS通信不正利用攻撃に対するオンライン詐欺防止
    5. 不正取引からの保護
  • 今回Contactフォームに上記のAとCの機能を利用し、botによる攻撃を防御します

Google reCAPTCHA Type

  • 現時点(2025/10)で、Web用の場合3つのタイプが用意されています
    • スコアベース (v3): 内部でリスクスコア判定を行いユーザーの許可やブロックなどを実施します．Googleの推奨タイプです
    • スコアベース (v2)
      • 「私はロボットではありません」チェックボックス: ユーザーにチェックボックスの操作を求めます
      • 非表示 reCAPTCHA バッジ: チェックボックスは非表示ですが、スコア分析によりリスクが高い場合チャレンジ(チェックボックスや画像選択)が表示されます
  • Google Cloud | reCAPTCHA のドキュメント
  • Googleはアクセシビリティやユーザビリティの観点からスコアベース (v3)の使用を強く推奨しています
    • 実際、チェックボックスや画像選択を見ることはなくなってきてます
      • フジテレビのネプリーグ「私はロボットではありませんクルーズ」くらいでしょうか
    • 当サイトもスコアベース (v3)一択です

Steps

  1. Google reCAPTCHAの管理画面にて2つのreCAPTCHA Keyを生成します
    • Googleアカウントが必要です
  2. Joomla!にConvert Formsエクステンションをインストールします
  3. Convert Formsの設定画面に2つのreCAPTCHA Keyを登録します
  4. Convert Formsにてフォームを作成し、reCAPTCHAフィールドを登録します
  5. MenuよりContactページを作成します
    • 今回はフォームだけの単一ページ作成を選択しましたが、モジュールとして使用する選択もあります

Creating a reCAPTCHA key

  1. Google reCAPTCHA Admin Consoleへアクセスします
    • Googleアカウントによるログインが必要です
    • 初回ログインの場合、サイトの登録画面が表示されます
  2. サイト登録
    • ラベル: わたくしはドメイン名を入力しました
    • reCAPTCHAタイプ: スコアベース(v3)を選択します
    • ドメイン: ドメインを入力します
    • [送信]をクリックします
  3. ページ遷移後、しばらく待つと[設定が完了しました。]と表示されます

    • 同ページに表示されているreCAPTCHA Key[サイトキー]と[シークレットキー]をConvert Formにセットします
    • reCAPTCHA Keyはコンソールにて後から確認できます

Installing "Convert Forms"

  1. オフィシャルサイトから最新ファイルをダウンロードします

    • [Get started for free]をクリックすると、メールアドレスの入力を求められ、メールにてダウンロードリンクが通知されます
  2. System > Install > Extensions
  3. Upload Package File tab > Upload & Install Joomla Extension

    • ダウンロードしたパッケージファイル(zip形式)をドロップするとインストールされます

"Convert Forms" Configuration

  1. Compornents > Convert Forms > Dashboard > Option btn

    • Dashboard > System >  Global Configration > Convert Forms でも構いません
  2. reCAPTCHA tab > reCAPTCHA blk
    2025 10 11 12 08 41 05
  3. reCAPTCHA v3まで下方にスクロールします
    2025 10 11 12 08 41 06
    • Site Key: Google reCAPTCHA コンソールで確認したサイトキーをコピペします
    • Secret Key: 同じくGoogle reCAPTCHA コンソールで確認したシークレットキーをコピペします
  4. Save & Close

Creating Contact Form

  • Convert Formsを使用して新たなContact Formを作成します
  1. Components > Convert Forms > Form btn
    2025 10 11 12 08 41 07
  2. + New
    2025 10 11 12 08 41 08
  3. Convert Forms Library > Contact Form > Insert
    2025 10 11 12 08 41 092025 10 11 12 08 41 10
  4. Form pane > Add Field / All Fields / Option tab
    • All Fields tab を選択し、操作対象のFieldを選択すると自動的にOption tabに切り替わります
    • 適宜、Fieldを編集します
    • Libraryから選択したContact Formに用意されたreCAPTCHAはv2用だったようで削除します
      2025 10 11 12 08 41 11
  5. Form btn > Form pane> Add Field > Advanced Fields > reCAPTCHA
    • 改めて、reCAPTCHAフィールドを挿入します
      2025 10 11 12 08 41 12
    • Option > Version > v3 が選択されていることを確認します
    • わたくしはreCAPTCHAフィールドをSubmitボタンの下に配しました
      2025 10 11 12 08 41 13
    • Option > Hide Labelで非表示にできますが、ここは敢えて表示して「対策していますよ」とアピールしたいところです
  6. Save
  7. 作成後のFormは[Unpublished]の状態のため、[Published]に変更します
    2025 10 11 12 08 41 14

Creating "Contact Us" Page

  • 上記手順で作成したContact Formをメニューに組み込みます
  • 下記は新規作成時の当サイトにおける手順です
    • わたくしはすでにJoomla!コア同梱のContactフォームにてメニューを設置済だったため、[Menu Item Type]の変更のみ行っています
  1. Menus > Main Menu > + New
  2. 各フィールドを入力又は指定します
    • Title: Contact US
    • Menu: Main Menu
    • Parent Item: -About
      • 最上位階層のAbout配下にしました
  3. Details tab > Menu Item Type > Select btn
    2025 10 11 12 08 41 15
  4. Menu Item Type dlg > Convert Forms > Form
    2025 10 11 12 08 41 162025 10 11 12 08 41 172025 10 11 12 08 41 18
  5. Option  tab
    2025 10 11 12 08 41 19
    • Options blk > Select Form > 作成したFormが複数ある場合は選択します
    • Formが単一の場合、この手順は不要です
  6. Save & Close
  7. Contactフォームの完成です
    2025 10 11 12 08 41 20

Trigger for setting up Convert Forms

  • Convert Formsを導入しGoogle reCAPTCHAを利用することとなった切っ掛けは、MX TOOLBOXでDMARCの検証を行った際、当方サーバーがブラックリストのUCEPROTECTL3に追加されている旨の指摘があったことでした
    • 「何も悪いことしていないのに…」「当サイトの問い合わせフォームが踏み台になったのか」と知識のない時点ではビビったものです
  • ただし、当方サーバーのIPアドレスをUCEPROTECTで確認するとUCEPROTECTL3すなわちUCEPROTECTL-Level3への[LISTED]はASN単位(プロバイダーなど)が対象であり、Level1の当方サーバーのIPアドレスについては[NOT LISTED]とLvel2のCIDR表記/20のアドレス範囲も[NOT LISTED]でした
  • また、同ページの下部には次の説明もございます
    As you should know now: It is not you, it is your complete provider which got UCEPROTECT-Level3 listed.
    ご存知のとおり、UCEPROTECT-Level3 にリストされているのはあなたではなく、あなたのプロバイダー全体です。(Google翻訳)UCEPROTECT Spam Database Query

    2025 10 11 12 08 41 21
  • Level3の解説ページには次のような説明があります。
    To get escalated to Level 3 is almost always an indicator, that providers don't act fast enough on abusers.
    レベル 3 にエスカレーションされるということは、ほとんどの場合、プロバイダーが不正使用者に対して十分な速さで対応していないことを示しています。(Google翻訳)UCEPROTECT NETWORK | UCEPROTECT Blacklist Policy LEVEL 3
  • UCEPROTECTの評判はさておき、「XServerの対応次第」であるならば、個人であるわたくしは静観し、今後もLevel1でLISTEDされないようにスパム対策をとるだけです。

Related Articles