MENU
  • ホーム
  • できること
  • ホームページサポート
    • パソコンのセキュリティ診断・設定サポート(3,000円~)
  • コラム
    • note
  • 問い合わせ
Prompt Creator|Web・AI・セキュリティ相談
  • ホーム
  • できること
  • ホームページサポート
    • パソコンのセキュリティ診断・設定サポート(3,000円~)
  • コラム
    • note
  • 問い合わせ
  • ホーム
  • できること
  • ホームページサポート
  • コラム
  • 問い合わせ
Prompt Creator|Web・AI・セキュリティ相談
  • ホーム
  • できること
  • ホームページサポート
    • パソコンのセキュリティ診断・設定サポート(3,000円~)
  • コラム
    • note
  • 問い合わせ
  1. ホーム
  2. IT
  3. 図解比較~WordPressとHTMLでのGoogle reCAPTCHAの導入方法の違い~

図解比較~WordPressとHTMLでのGoogle reCAPTCHAの導入方法の違い~

2026 5/21
IT Website 運用・保守
2026年1月4日2026年5月21日
目次

HTMLでのGoogle reCAPTCHAの導入方法

1. Google アカウントでドメインを設定

1.Google アカウントでドメインを新規追加登録します:https://www.google.com/recaptcha/admin/

2.サイトキーとシークレットキーが発行されるので、それをHTMLとGASエディタに貼り付けます。

コードはChatGPTやGoogle AI Studio, Claudeで書いてもらいましょう。

3.デプロイする。(何度もする必要があるかも!)

反映されない場合、以下の点が原因かも?

よくある原因

原因症状
reCAPTCHA検証で弾かれているスコアが低い/アクション不一致
スプレッドシートの権限エラーシートIDの共有設定
GASが古いバージョンのまま再デプロイ忘れ

設定には30分~1時間ぐらいかかるかもしれません

完成 

私の場合は、Googleアカウント権限がひっかかってしまって、デプロイは20回ぐらいしましたが

無事に完成しました。

2. WordPressサイトへのreCAPTCHA導入

プラグインを探してインストールします。

先ほどとは違って、WordPressサイトへの導入はプラグインのインストールだけで完了しました。

https://getwpcaptcha.com/

認証時のポップ

IT Website 運用・保守

関連記事

  • IT導入補助金(デジタル化・AI導入補助金)を真剣に検討して諦める決断をした話
    2026年6月11日
  • AIにサイト修正を頼んだらGitHub作業まで終わっていた
    2026年6月11日
  • セキュリティ自己宣言★1と★2の違いを調べた理由
    2026年5月17日
  • LINEで使える!家族みんなの家計簿アプリを作ってみた
    2026年5月10日
  • 鉄壁のお問合せフォームを作ろう♪
    2026年3月27日
  • CloudFlareの二段階認証設定と解除方法
    2026年3月19日
  • WordPressサイトを自身のローカル開発環境へ移行しよう
    2026年3月12日
  • ウェブ制作〜運用を始める人へ♭Vercel(v0)かでWordPressで迷ったら
    2026年3月6日

コメント

コメントする コメントをキャンセル

  • プライバシーポリシー
  • 利用規約

© Prompt Creator|Web・AI・セキュリティ相談.

  • メニュー
  • プライバシーポリシー
  • 利用規約
目次