[WordPress]Contact Form 7でお問い合わせ完了ページを新規に設置しコンバージョンを設定する方法

WordPress
スポンサーリンク

Contact Form 7でお問い合わせメールフォームを設置する の記事でもContact Form 7の設置方法をご紹介しましたが、

今回はお問い合わせ完了ページを新規に設置し、コンバージョンを設定する方法を、Google Analyticsの設定画面を交えてご紹介します。

(1)お問い合わせ完了ページを新設する

まずはWordPress 管理画面で、お問い合わせ完了ページ用の固定ページを新規に作成します。
WordPressの Contact Form 7 でお問い合わせ完了ページを新規に設置し、コンバージョンを設定する方法

(2)Contact Form 7の設定

Contact Form 7プラグインの編集画面に戻り、ページ下部の「その他の設定」欄に(1)で設定したお問い合わせ完了ページのURL と合わせて以下のような記述を行います。

例えば、お問い合わせ完了ページのスラッグが「inquiry_thanks」であれば


と記述します。※上記URLはダミーです。
WordPressの Contact Form 7 でお問い合わせ完了ページを新規に設置し、コンバージョンを設定する方法

これで設定は完了ですので、ページ右下の「保存」ボタンをクリックして設定を保存します。


(3)Google Analytics でコンバージョンを設定する

Google Analytics管理画面よりプロファイルの設定を行います。

目標名、目標タイプを登録し、「目標の詳細」の「目標 URL」に(1)で設定したお問い合わせ完了ページのURLを入力します。
WordPressの Contact Form 7 でお問い合わせ完了ページを新規に設置し、コンバージョンを設定する方法

目標プロセスを設定する場合は「目標到達プロセスのステップを追加」をクリックして必要なステップを入力し、Google Analyticsの設定を完了させます。

これであとは、実際にお問い合わせメールが送信される(お問い合わせ完了ページへアクセスする)ことで、コンバージョン数が増えていくかと思います。

上手くコンバージョンが測定できない場合はGoogle Analytics側の設定の問題もありますので、Google Analyticsのヘルプページを参照してください。


(4)お問い合わせ完了ページに遷移しない場合

当サイトでも上記(2)の設定を行ったにも関わらず、お問い合わせ完了ページへ遷移しない現象が問題となりました。

基本的には(2)の location.replace の記述をするだけで問題ないのですが、どうしても遷移しない場合は、wp-content/themes/Templateフォルダ名/footer.phpのファイル内<?php wp_footer(); ?>の記述があることを確認します。

テンプレートをカスタマイズする際に、この記述を削除するとお問い合わせ完了ページに遷移しません。

お問い合わせメールフォーム設置ページのソースを見れば分かりますが、ソース下部に


というJavascript を呼び出す必要がありますので、<?php wp_footer(); ?>の記述を消去してしまうと完了ページに遷移しないという問題になります。

コメント

タイトルとURLをコピーしました