Google reCaptchaが標準装備されているメールフォームPHP「EasyMail」。導入・設定の方法を解説

メールフォームを置くとどうしてもやってきてしまうスパムメールや営業メール、すごく困りますよね。人気の「Google reCAPTCHA」などを使えばブログサイトのセキュリティをぐーんと上げられますが、どうやって導入するんだろう？とお思いではないでしょうか。

このブログは「EasyMail」を導入しているのですが、このEasyMail はGoogle reCAPTCHAが標準装備されている本格的なメールフォームCMSで、専用の管理画面で問い合わせの管理がしやすいのに完全無料という特徴があります。

EasyMailに変えて非常に良くなった部分がいくつもあったので、今回はその使い勝手や導入方法をシェアしますね。Google reCAPTCHA付きのメールフォームを検討している方なら参考になる部分があることと思います！

PHPメールフォーム・EasyMailとは
EasyMailの導入方法
Google reCaptchaのキー発行方法
EasyMail管理画面の設定方法
EasyMailはどんな人におすすめ？【使ってみた感想】
【まとめ】Google reCaptcha標準装備のEasyMail

PHPメールフォーム・EasyMailとは

EasyMailは高機能なPHPメールフォームで、単なるプラグインではなくて専用の管理画面があるCMSです。MITライセンス※をきちんと守れば、無料で自由に商用利用や再配布も可能となっています。

細かなデザイン編集ができる
レスポンシブ対応
複数のメールフォームを作れる

これは機能の一部ですが、このような自由度の高さから人気を集めているメールフォームなんです。PHPメールフォームというと、カスタマイズしやすそうだけど知識がないと設置が難しいのでは・・と思うかもしれませんが、実際EasyMailは管理画面からブログ編集感覚で自由にカスタマイズできる使いやすさで評価されています。

※MITライセンスとは？→The MIT License

EasyMailの導入方法

さっそくEasyMailの導入方法を説明していきたいと思いますが、全体の流れとしては以下のようになります。

ダウンロード
データベース設定
サーバーにアップロード
サイト側でセットアップ

それでは、一つずつ見ていきましょう。

ダウンロード

まずはEasyMailをダウンロードしないと始まりませんから、以下の公式サイトのリンクから無料ダウンロードしましょう。
↓
EasyMailをダウンロード

「Download」というボタンをクリックしてダウンロードページに入りましょう。「EasyMailをダウンロード」をクリックするとすぐにZipファイルのダウンロードが始まります。

任意の場所に保存して解凍するとこのようなフォルダが出て来るのですが、中身はまた1つのフォルダと4のファイルが入っており、これは後ほどこのままサーバーにアップロードしていきます。

データベース設定

ファイルをアップロードする前に、データベースを用意しておく必要があるので、今回EasyMail専用のMySQLを作ります。

この画像はエックスサーバーのサーバーパネルですが、データベース作成の基本的な流れはMixhostでもスターサーバーなどでも同じです。「ホスト名」「データベース名」「ユーザー名」とその「パスワード」が必要になるので、これを用意する作業となります。

「MySQL設定」に入り、「MySQLデータベース名」に好きな名前を付けて新規作成、次に「MySQLユーザー名」と「パスワード」を新規作成すればOKです。

FTPソフトでアップロード

EasyMailをサーバーにアップロードするにはFTPソフトが必要ですが、今回はWindows・Macどちらでも使える「FileZilla」を使用します。

接続には「ホスト」「ユーザー」「パスワード」が必要ですが、エックスサーバーならサーバーパネルの「MySQLユーザ一覧」に書かれているのでこれを入力。するとサイト内のフォルダがいくつも表示されました。

とりあえずpublic_htmlの下にフォルダを置けばOKで、フォルダ名は「form」でも「mail」でも何でもいいですが、私は「contact」にしてみました。

セットアップ

セットアップはサイト側で行いますが、URLはあなたのサイトURLの下に先ほど付けたフォルダ名を打ち込めばOK。今回の場合は、

～://kakukataru.com/contact

になりますね。

●DB設定
ホストアドレス、ユーザー名、パスワード：先ほどFileZillaで入力したものと同じ。
データベース名：サーバーパネル「MySQL一覧」に書かれています。
ポート：何も設定したことがなければデフォルトで「3306」。

●管理画面登録
EasyMailは別の管理画面にログインすることになるので、そのためのログイン名とパスワードをここで設定します。

これで大体の設定はOKなのでこのまま完了ボタンをクリック、セットアップはこれにてすべて終了です。

Google reCaptchaのキー発行方法

あとはEasyMail管理画面にログインして設定していくのですが、その際に「Google reCAPTCHA」の「キー」が必要になるので、あらかじめ準備しておきましょう。

↓こちらでも詳しくGoogle reCaptchaの設定方法が書かれています。

Google reCAPTCHAが利用できるメールフォーム| 無料のメールフォームPHP「EasyMail(イージーメール) 」

Google reCAPTCHAは、メールフォームを送信する際、botなどによる悪質で不正なアクセスからメールフォームを守るための機能です。導入することによりSPAMメールを防ぐ効果があります。EasyMailはオープンソースのメールフォームPHPです。

Google reCaptchaとは

こちらがGoogle reCAPTCHAですが、これは簡単にいうと人間か？bot（ロボット）か？を見抜くシステムです。何も対策せずフォームをブログサイトに置くと、すぐbotがスパムを送って来ますし、放っておいたら仕事に支障を来してしまいます。そこで多くのサイト主がこのシステムを導入しているのですね。

Google reCaptchaのタイプ

Google reCaptchaにはタイプがあって、現在よく使われているのは以下の2種類。

reCaptcha v2
reCaptcha v3

↓こういうポップ見たことありますよね？これがreCaptcha v2です。

私が毎日行くWebサイトにはこれが導入されていて、一年中毎日この画像認証やってます。正直言いますと非常に面倒でしかないのですが(^_^;)、reCaptcha v3にはそれが全くなく、全自動で「人かbotか」を判別してくれて助かりますよ本当に・・。

reCAPTCHA v3のキーを取得

Google reCAPTCHAを使うにはGoogleアカウントが必要なのですが、今回アカウント取得の説明は省きます。ごめんなさいm(_ _)m

代わりに説明がわかりやすい公式ページのリンクを張っておきますので、参考にしてみてください。
↓
Googleアカウントの作成

それではキーを発行していきますので、このページからログインしましょう。
↓
Google reCAPTCHA

右上に「v3 Admin Cosole」というリンクがあるのでこれをクリック、ページが変わったらまた右上の「＋」（作成アイコン）をクリック。

ラベル：自分自身がわかりやすいよう付ける名前なので何でもOK。
reCAPTCHAタイプ：「reCaptcha v3」を使って説明していきます。
ドメイン：あなたのブログサイトのURLを入れます。このブログだと「kakukataru.com」ですね。「https://」は付けなくていいですよ～。

「送信」をクリックするとすぐに「サイトキー」「シークレットキー」が表示されました。この2つのキーを設定で使いますからメモしておきます。

EasyMail管理画面の設定方法

いよいよ管理画面にログインして設定していきます。URLはあなたが先ほど作ったURLの後に「/admin」を付けたものです。こういったURLは忘れやすいですから、すぐブックマークしておくといいですね。

フォームの作成

メニューにある「フォーム作成」からフォームを作っていきます。

表示：表示にする
フォルダ：今は「～/contact」になっていますが、ここに入れれば、それがURLになります。
フォーム名：一番上に出すタイトル。「お問い合わせ」にしました。
管理人受信メールアドレス：お問い合わせがあった連絡を受け取るメールアドレスを入力。
自動返信メール件名：「お問い合わせについて」など。

Google reCAPTCHA：先ほど取得したサイトキーとシークレットキーを入力。「表示位置（下から）」ではフッターと被らないよう下との余白を設定します。ここでは30pxと入れてみました。
受信履歴保存：お問い合わせの記録を残すためにONにします。

入力が終わったら「保存」をクリックしてください。