Contact Form 7で応募完了ページ(サンクスページ)へ移動する

ワードプレスで採用サイトを構築している企業様向けの情報です。

ワードプレスには「Contact Form 7」というフォームを作るプラグインがあり、
採用サイトにおいては応募フォームを社内で簡易に作れることもあり、とても便利です。

Contact Form 7プラグインの説明はこちら

お客様から
「Contact Form 7で送信いただいた後、応募完了ページへ移動したい」
というご相談がよくあります。
indeedでの効果測定をするために、応募完了ページに効果測定タグ(コンバージョンタグ)を入れたいのが理由です。

今回はその方法についてご案内いたします。

2018年現在で、やらないほうがいい方法

インターネットで検索をしますと

on_sent_ok: ‘ location.replace(“https://ここにはサンクスページのURLなどを記載”) ; ‘
on_sent_ok: “return;”

という方法が書かれているサイトが多いですが、現在では非推奨です。
※実際に弊社の知る範囲ではメールが届かない状況が相次いでいます。

推奨の方法

STEP1
ワードプレスの管理画面にログインし、「固定ページ」メニューで応募完了ページ(サンクスページ)を作成します。

STEP2
</head>タグの前に以下スクリプトを挿入します。

<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
location = ‘https://応募完了ページのURL’;
}, false );
</script>

入れ方はワードプレスの管理画面に入っていただき
「外観」→「テーマの編集」→「ヘッダー(header.php)」へ進みます。

そのあと、以下画像の箇所へスクリプトを挿入します。
(URLは例として、弊社サービス・コンニチワーク®︎の応募完了画面URLを入れています。)
head

この設定でindeedだけではなく、
リスティング広告、リターゲティング広告等の効果測定も可能になります。
(応募完了ページに各種効果測定タグを埋め込みます。)

Contact Form 7をお使いの企業様で
メールが届かなくなった場合は、早々に確認しましょう!