問い合わせフォームのコンバージョンを測定する方法についてご案内申し上げます。
概要
コンバージョンの測定は下記の3つの設定を行います。
1. フォームの送信ボタンにclassを設定する。
2. 「1.」のボタンがクリックされた際にホームページからGoogleアナリティクスへデータを送信するよう設定する。
3. Googleアナリティクスで「2.」のデータを受け取った際にカウントされるように設定する。
以下、順にご案内します。
注意事項
コードの設定は上級者向けの操作なので、記述するべきコードのご案内やエラーが生じた際の復旧などのサポートは行っておりません。
（ご要望によっては当社で有償で設定の代行を行うことは可能です）
各入力欄に元々設定されているコードがある場合にはエラーが生じた際には元に戻せるよう、テキストソフトを使ってコードを保存するなど、事前の準備を行った上でご自身の判断で設定や編集作業を行ってください。
1.問い合わせフォームでの設定
問い合わせフォームの編集画面の「フォーム」編集画面で送信ボタンにclassを追加します。
記述例 [submit “送信”]にclass”inquiry_form”を追加する場合
[submit class:inquiry_form “送信”]と記述します。
複数のclassを追加したい場合は[submit class:inquiry_form class:inquiry_form2 “送信”]といったように半角のスペースを挟んで併記します。
2.管理画面HOMEでの設定
「1.」のボタンがクリックされた際にホームページからGoogleアナリティクスへデータを送信するよう設定は管理画面HOMEからリンクされている基本設定の「詳細設定」にて行います。
基本設定の詳細設定を開くと「headへのコード追加」欄がありますので、「1.」で設定したclassがクリックされた際にGoogleアナリティクスにデータが送信されるよう指示を記述します。
基本設定の詳細設定を開くと「headへのコード追加」欄がありますので、「1.」で設定したclassがクリックされた際にGoogleアナリティクスにデータが送信されるよう指示を記述します。
記述例 class”inquiry_form”を設定したボタンががクリックされた際にデータ送信をする場合
カテゴリ・アクション・ラベルという3つのデータをGoogleアナリティクスに送信されるよう設定します。
例えば、カテゴリで「event」、アクションで「submit」、ラベルで「contact」のデータを送る際には、
headへのコード追加覧に下記のコードを記述します。
例えば、カテゴリで「event」、アクションで「submit」、ラベルで「contact」のデータを送る際には、
headへのコード追加覧に下記のコードを記述します。
<div>
<script type="text/javascript">
// <![CDATA[
(function ($) { $(function(){ $(document).on('click', ".inquiry_form", function(e) { ga('send', 'event', 'inquiry', 'submit', 'contact'); }); }); })(jQuery);
// ]]>
</script>
</div>
Googleアナリティクスの設定
Googleアナリティクス利用の準備
ホームページのデータをユーザー様ご自身のGoogleアカウントでも閲覧や編集を行えるよう当社で設定を行いますので、 お問い合わせフォーム より申請してください。
申請時の記載事項
申請を下さる際には、ユーザー様がお使いになるG-mailアドレスが必要になります。
下記の●●●●をお使いのGmailアドレスに書き換えてお送り下さい。
「Googleアナリティクス・サーチコンソールのデータ共有希望。
G-mailアドレス ●●●●＠gmail.com」
Googleアナリティクス「目標」の設定
Analytics内「管理」→「目標」へ移動。
1)目標設定
「カスタム」を選択
2)目標の説明
名前：何の測定かわかるように名前を付けます。
例：フォームからの問い合わせ
タイプ：「イベント」を選択
3)目標の詳細
「2.」で設定した内容と合わせてGoogleアナリティクスの入力欄に設定します。
例えば「2.」の記述例と合わせる場合は下記の通りです。
カテゴリ：event
アクション：submit
ラベル：contact
値：空欄で良い
問い合わせフォームのコンバージョンを測定する方法についてのご案内は以上です。