Contact Form 7設定_2:送信完了ページとコンバージョン解析を追加

送信ができるまではOKになりましたが、
送信を押した後、画面も変わらず
入力された内容が消えない為、
本当に送ったのかいまいちわかり辛かったので

送信完了画面を追加する事にしました。

また、後々問い合わせ率を集計できるように、

送信時のGoogle Analitycsへのコンバージョン通知

も追加しました。

送信完了画面を追加

ダッシュボード
→固定ページ
→新規作成
→送信完了ページを作成する。
コンタクトフォーム01

題名は『送信完了』、
スラッグは『mailsend』や『thanks』などに変更。
コンタクトフォーム03

送信の後だけに表示されれば良いので『非公開』に設定。
コンタクトフォーム04

コンタクトフォームを『親』に設定し更新。
コンタクトフォーム05

以上で送信完了ページが出来ました。
次は送信時に送信完了ページを表示する為の設定です。

送信時に送信完了ページを表示する設定

送信時に送信完了ページを表示する設定は、
ダッシュボード
→お問い合わせ
→コンタクトフォームを選択
コンタクトフォーム09

下の方にある、『その他の設定』に、以下の文を追加し、先ほど作成した送信完了ページのURLに変更します。

on_sent_ok: "window.location.href ='http://送信完了ページのURL';"

送信時のGoogle Analitycsへのコンバージョン通知設定

送信時にGoogle Analitycsへのコンバージョン通知をする設定は、
『その他の設定』に、以下の文を追加します。

on_sent_ok: "_gaq.push(['_trackEvent', 'Contact Form', 'Submit']);"

テストで送信をしていれば、
数日後には集計がとれるはずなので
Google Analyticsで確認してください。

まとめ

 送信完了ページとコンバージョン解析の2つを設定すると、以下のようになります。
コンタクトフォーム10

コメントを残す

サブコンテンツ