PHP なしで HTML フォームをメールに送る

フォームの action を PHP スクリプトからフォームバックエンドの URL に変え、フィールド名はそのままにして、スクリプトを削除します。バックエンドは mail() がしていたことに加え、それが苦手だったスパム除外、保存、迷惑メールにならない送信も行います。PHP がまったく動かない静的ホストでも動きます。

ここが違う

PHP のお問い合わせフォームのほとんどは、何年も前にチュートリアルからコピーされた同じ 20 行ほどのコードです。$_POST を読んで文字列を組み立て、mail() を呼んでリダイレクトします。典型的な例です:

<?php
$name = $_POST["name"];
$email = $_POST["email"];
$phone = $_POST["phone"];
$message = $_POST["message"];

$to = "hello@example.com";
$subject = "Website enquiry from $name";
$body = "Name: $name\nEmail: $email\nPhone: $phone\n\n$message";
$headers = "From: $email\r\nReply-To: $email";

if (mail($to, $subject, $body, $headers)) {
  header("Location: /thanks.html");
} else {
  echo "Sorry, something went wrong.";
}

一見無害で、書かれた当時は動いていました。しかし今は 4 つの点で壊れていて、明らかなのは最初の 1 つだけです:

それぞれ直すこともできます。すべての値を検証し、PHPMailer などのライブラリで SMTP プロバイダー経由で送り、自分のドメインに SPF と DKIM を設定し、ハニーポットとレート制限を追加し、データベースに記録します。すでに PHP を運用しているなら妥当な作業です。そうしたくないなら、その仕事をフォームバックエンドに任せましょう。

フォームを PHP から移す

フィールド名は今のまま変えないでください。変えるのは action と、2 つの hidden 入力欄の追加だけです:

<form action="/contact.php" method="post">
  <input name="name" required />
  <input name="email" type="email" required />
  <input name="phone" type="tel" />
  <textarea name="message" required></textarea>
  <button>Send</button>
</form>

<form action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post">
  <input name="name" required />
  <input name="email" type="email" required />
  <input name="phone" type="tel" />
  <textarea name="message" required></textarea>
  <input type="hidden" name="_redirect" value="https://example.com/thanks.html" />
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden />
  <button>Send</button>
</form>

次に、スクリプトがしていたことを、今どこで行うかに対応づけます:

• 自分のドメインを Allowed domains（許可ドメイン）に追加します。_redirect は、それらのドメインにある https: の URL でしか機能しません。
• 新しいフォームが動いたら、サーバーから contact.php を削除します。放置されたスクリプトは、URL を覚えているボットにとって開いたままのメールリレーです。
• 静的ホストに移った場合、古い /contact.php の URL はもう存在しません。そこに直接送信するボットは 404 を受け取りますが、それで問題ありません。

動作を確認する

1. フォームの Allowed domains に自分のサイトのドメインと、開発中は localhost を追加します。空にしておくと、どこからの送信でも受け付けます。
2. 公開中のページでフォームを送信します。以前の thanks.html に移動します。
3. ダッシュボードで Submissions を開きます。送ったすべてのフィールドを含む新しい送信データがあります。
4. メールを開きます。訪問者のアドレスではなく Ikiform から届き、迷惑メールにも入っていません。送信元を連絡先に追加しておけば、以降のメールも迷惑メールに入りません。
5. Reply（返信）を押します。To 欄に訪問者のアドレスが入っています。
6. ハニーポットを埋めて _gotcha=bot で送信します。成功の応答は返りますが、送信データはスパムとして保存され、メールも Webhook も送られません。

ハマりどころ

• 角かっこ付きの古いフィールド名。 PHP のフォームでは contact[email] のような名前がよく使われます。Ikiform はそのまま保存しますが、返信先は email という名前のフィールドか、それに近いいくつかの名前からしか取りません。フィールド名を変えるか、_replyto を追加してください。
• 件名に名前を入れられません。 スクリプトの件名には訪問者の名前が入っていました。通知メールの件名は固定で、_subject は Webhook と API に渡されるだけで、メールは変わりません。
• 文字コード。 mail() のスクリプトは charset を設定していないことが多く、アクセント記号がよく文字化けしていました。Ikiform のメールは UTF-8 なので、どの文字体系の名前も崩れずに届きます。
• $to に複数のアドレス。 スクリプトのカンマ区切りのリストは、ダッシュボードではそれぞれ別の受信者になります。外部のアドレスは、何かを受け取る前にリンクで確認します。複数の受信者 を参照してください。

うまくいかないとき

よくある質問