IMAGINATION DESIGN BLOG

【WordPress】Contact Form 7でお問い合わせメールフォームを設置する
の記事でも、Contact Form 7の設置方法をご紹介しましたが、今回はその設定の中でも、
「お問い合わせ完了ページを新規に設置し、コンバージョンを設定する」に関して、
GoogleAnalyticsの設定画面を交えてご紹介します。

まずはWordPress管理画面で、お問い合わせ完了ページ用の固定ページを新規に作成します。

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

on_sent_ok: "location.replace('あなたのサイトのURL/inquiry_thanks/');"

と記述します。

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

GoogleAnalytics管理画面よりプロファイルの設定を行います。
目標名、目標タイプを登録し、「目標の詳細」の「目標 URL」に、（1)で設定したお問い合わせ完了ページのURLを入力します。目標プロセスを設定する場合は「目標到達プロセスのステップを追加」をクリックして必要なステップを入力し、GoogleAnalyticsの設定を完了させます。

これであとは、実際にお問い合わせメールが送信される（お問い合わせ完了ページへアクセスする）ことで、コンバージョン数が増えていくかと思います。
上手くコンバージョンが測定できない場合は、GoogleAnalytics側の設定の問題もありますので、
GoogleAnalyticsのヘルプページを参照してください。

当サイトでも、上記（2）の設定を行ったにも関わらず、お問い合わせ完了ページへ遷移しない現象が問題となりました。
基本的には（2）のlocation.replaceの記述をするだけで問題ないのですが、どうしても遷移しない場合は以下のような理由が考えられます。
テンプレートをカスタマイズする際に、この記述を削除するとお問い合わせ完了ページに遷移しません。
お問い合わせメールフォーム設置ページのソースを見れば分かりますが、ソース下部に

<script type='text/javascript' src='http://www.hogehoge.com/wp-includes/js/admin-bar.js?ver='></script>
<script type='text/javascript' src='http://www.hogehoge.com/wp-content/plugins/contact-form-7/jquery.form.js?ver='></script>
<script type='text/javascript' src='http://www.hogehoge.com/wp-content/plugins/contact-form-7/scripts.js?ver='></script>

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

※私自身、当初テンプレートのカスタマイズ時に誤ってこの<?php wp_footer(); ?>の記述を消してしまったことがあり、他のプラグインでも正常に作動しない…などの問題が発生しておりました。お恥ずかしい限りではございますが、Contact Form 7の設定は問題ないのに、どうしてもお問い合わせ完了ページに遷移しない問題がある場合はテンプレートファイルを見なしてみると解決するかもしれません。

• WordPressの Contact Form 7 でお問い合わせメールフォームを設置する方法 (1)
• 投稿記事内で自由に「改行」できるWordPressプラグイン「brBrbr」 (0)
• 投稿記事内でソースコードをハイライト表示させるWordPressプラグイン「Syntax Highlighter」の設定方法 (1)
• 投稿記事をCSVで一括アップすることができるWordPressプラグイン「CSV-importer」 (1)
• 投稿記事などのデータを一式インポートできるWordPressプラグイン「WordPress Importer」 (0)
• 投稿記事でPHPを実行させることができるWordPressプラグイン「runPHP」 (0)
• 広告をランダム表示させるためのWordPressプラグイン「WPAds」 (1)
• 多言語翻訳用のWordPressプラグイン「Global Translator」の設定について（後半） (1)
• 多言語翻訳用のWordPressプラグイン「Global Translator」の設定について（前半） (1)
• パーマリンク変更（URL変更）の際に、自動でリダイレクトしてくれるWordPressプラグイン「Permalinks Moved Permanently」 (0)