動作テストスパム対策にreCAPTCHAを導入します連日の猛暑に溶けかけているトヲル(@yorealog)です。先日、WordPressにおいて「プラグインなしでメールフォームを追加する」というカスタマイズを実施いたしました。【WordPress】メールフォームをプラグインなしで実装してみたスパムメール?が来るように少し様子を見ておりましたところ、URLを数件並べただけの英語メールが届くように。7」にスパム対策をほどこすという内容の記事がたくさん出てきました。ワタクシも以前は導入していたのですが......現在、メールフォームはプラグインなしで運用しております。reCAPTCHAの導入手順そのホカホカのメールフォームにスパム対策を実施してみます。developerGoogleのサービスに「reCAPTCHA」というスパム対策ツールがあるそうで。これはロボットなのか人間なのかを簡単な方法で判別するというものですね。「わたしはロボットではありません」というメッセージとチェックボックス。本当はGoogleサービスのメールフォームに切り替えようかと検討していたのですが、こちらを実装した方が簡単かつ手っ取り早いイメージがしましたので試してみたいと思います。下記リンクからreCAPTCHAツールを入手しましょう。取得するためにはGoogleアカウントへのログインが必要になるかと思われます。reCAPTCHA」と書かれているボタンリンクがあります。私のときはこのような画面だったのですが。赤い枠で囲ってある部分をクリックします。赤枠で囲ってある部分を入力していきます。Service.:おそらく利用規約。チェックを入れますここまで埋めたら右下の「Register」に進みましょう。Keyが出力されます。後ほどコピー&ペーストで使いますのでそのままに。reCAPTCHAの設置コードを追加CAUTION!テーマファイルをさわる時は必ずバックアップを取ってから。head要素内にコードを追加reCAPTCHAで使うjavaScriptを読み込ませるコードにつきましては、こちらのページにテンプレートのようなものがあります。Developers遅延読み込み処理を入れているので、header.phpに貼り付けてOKです。はじめに紹介したページに記載のコードを参照した方が手軽で良いかも知れません。私はfooter.phpにある</body>タグの手前にコードを貼りました。設置作業に移りましょう。Keyが出力されているページの真ん中あたりにreCAPTCHAを実行させるための設置コードがあります。div云々という記述のタグを設置したい箇所に貼ります。key」を入力してください。設置する場所ですが、メールフォームでしたら「送信」ボタンの手前あたりでしょうか。7」をご利用の方はもっと簡単に追加できるようですね。コードを追加したら設置は完了です。該当のテーマファイルを変更したものへと更新します。動作テストreCAPTCHAが問題なく動くかを確認します。́ω`)♪コピー&ペーストでさっくり導入できますから、スパムに困ったらまずやってみる手段ということでオススメします。この記事を書いた人トヲル内向型でぼっち至上主義のHSP。人並みの世渡りが出来ないため、備忘録も兼ねてざっくりアバウトなノンジャンルブログを運営中。詳細は「管理者について」をご覧ください。Flywheelでさらに効率良いテーマ構築をWordPressカスタマイズプラグイン不要。catchの相性WordPressカスタマイズ【WordPress】結局ブログカードは廃止する流れWordPressカスタマイズ内部リンクのブログカードを実装しようとしたのだが。THORのカスタマイズが一段落。2019ホームシェアメニューメールTOPへ。