Contact Form 7はWordPressで問合せフォームを設置する為のプラグインです。簡単に設置でき、カスタマイズも可能なため大変人気があります。
Contact Form 7のインストール
- Contact Form 7をダウンロード
- wp-content/plugins/にアップロード
- プラグインを有効化
Contact Form 7の設定
サイドバーにお問合せという項目が出来ています。
フォーム欄
問合せフォームに表示される項目になります。「*」付いているものは必須項目となります。タグの作成から色々な項目が追加できます。
入力フォームの幅などを調整したい場合には、以下のように記述します。
[email* your-email 35x30""]
35がサイズで、30が最大の文字数です。
メール欄
フォームより送信されるメールの内容となります。件名やメッセージ本文は分かりやすいものに変更した方が良いでしょう。
コードを貼る
設定が完了し保存したら、問合せページを作成し指定のコードを貼ります。
お問い合わせページを作成し、本文にコードを貼り付けます。普通の記事と同様に前後に文章を入れることも可能です。
問合せページを作成したら、実際に問合せしてみてメールが届くかを確認しておきましょう。
Contact Form7でAkismetを使う
- Akismetを有効化する
- Contact Form 7 の管理画面より、フォームの項目を編集する
名前の入力タグに akismet:author オプションを追加する。
【例】
[text* your-name akismet:author]
メールアドレス入力タグに akismet:author_email オプションを追加する。
【例】
[email* your-email akismet:author_email]
URLの入力項目タグに akismet:author_url オプションを追加する。
【例】
[text your-url akismet:author_url]
Akismetが有効化されていて、かつ1つ以上の akismet: オプションが指定されていれば、Contact Form7 は送信者の入力内容を Akismetのサーバーに送ります。
Akismet がスパムと判断した場合、Contact Form7はメールの送信を中止し、フォーム下にエラーメッセージを表示します。
Contact Form 7を使ってコンバージョン設定
サンキューページを作る
送信完了後に表示するサンキューページを作成します。記事として作成してもページとして作成してもOKです。パーマリンクは分かりやすいURLに変 更しておきましょう。
当サイトのサンキューページです。「http://externalstorageunit.blogspot.jp/2007/02/thank-you.html」というURLでページとして作成して います。
設定
Contact Form 7の設定画面の一番下にあるその他の設定にコードを追加します。
on_sent_ok: "location.replace('サンキューページのURL');"
当サイトの場合以下のようになっています。
on_sent_ok: "location.replace('http://externalstorageunit.blogspot.jp/2007/02/thank-you.html');"
Googleアナリティクスのコンバージョン設定
Googleアナリティクスにログインし、コンバージョン設定として先ほど作成したサンキューページのURLを入力します。
Googleアナリティクスのコンバージョン設定方法の解説は、以下のページをご覧ください。
⇒Google アナリティクスのコンバージョン設定
⇒Googleアナリティクスのカスタムレポート設定