Contact Form7でGoogleアナリティクスのイベントトラッキングを設定する方法

WordPressでお問い合わせページを簡単に作成できるプラグインContact Form7。このContact Form7で作成した送信ボタンが押されたことをGoogleアナリティクスのイベントトラッキングでデータを取得できるようにします。

1 Contact Form7でGoogleアナリティクスのイベントトラッキングを設定する方法
- 1.1 Googleアナリティクスのイベントトラッキングを設定
2 まとめ

Contact Form7でGoogleアナリティクスのイベントトラッキングを設定する方法

まず「Contact Form7」をインストールする必要があります。
管理コンソールから「プラグイン→新規追加」でContact Form7を検索してインストールしてください。

Googleアナリティクスのイベントトラッキングを設定

Contact Form7プラグインで作成したメール送信フォームでは

　
［submit "送信"］

のように送信ボタンは実装されています。
このため直接リンクのクリックイベントを追加しては書くことができません。

そこで今回は、Javascriptを使って「EventListner」を追加して対応することにしまし。

Contact Form 7はメール送信に成功した場合にwpcf7mailsentのカスタムDOMイベントを発生させてくれます。
なのでそのタイミングでイベントをフックし、Googleアナリティクスのイベントトラッキングを設定します。
フックするのは

document.addEventListener( 'wpcf7mailsent', function( event ) {
    ga( 'send', 'event', 'Contact Form', 'submit' );
}, false );

というコードでこれをheader.phpに設定してきます。

これでGoogleアナリティクスのイベントトラッキングの準備は完了です。

あとはGoogleアナリティクスでイベントを見ると実績があがっていると思います。

まとめ

難しく思えるかもしれませんが、手順を追えばそれほど難しくないので、解析できるように設定してみましょう。

以上、Contact Form7でGoogleアナリティクスのイベントトラッキングを設定する方法でした。

プラグインワードプレス

おすすめWordPressテーマ

【圧倒的にSEOに強く・上位表示されやすい】 THE・THOR(ザ・トール)

THE THOR（ザ・トール）は、SEO・デザイン・機能の3拍子揃った国内最高峰のWordPressテーマです。
ザ・トールは、国内トップクラスのWEBデザイナー・SEOコンサルタントであるFITが長年培ってきたノウハウのすべてを注ぎ込んだ国内最高峰のWordPressテーマです。
【ザ・トールの特徴】

圧倒的にSEOに強く、抜群に上位表示されやすい
おしゃれで美しいデザイナーズサイトが簡単に作れる
アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」を搭載

項目名
価格	14,800円(税別)
サポート	インストール前：「インストールマニュアル(1ページ)・安心メールサポート」インストール後：「操作マニュアル(100ページ以上)・会員フォーラム・QAコーナー」
複数サイト	利用可能

【圧倒的にSEOに強く・上位表示されやすい】 THE・THOR(ザ・トール)

BRIDGE

BRIDGEは記事コンテンツの価値を高め広告収入をUPさせる新しいアフィリエイト専用WordPressテーマです。ランキング・比較・口コミ・レビューサイトなど、アフィリエイトに特化して開発された「BRIDGE」は、検索者と有益な商品・サービスを提供する事業者との架け橋となり本物の価値あるコンテンツを配信するアフィリエイターの広告収入をアップさせます。

おすすめ度
価格	19,800円(税込)
サポート	メールにて受付
複数サイト	利用可能

BRIDGE

FAMOUS

FAMOUSは個人の認知度と価値をあげることのできる個人向けブランディングサイトに最適なWordPressテンプレートです。
SNSよりもさらに上にいける表現力を発揮できる機能やデザインセンスのあるテーマで、たくさんのライバル群から突出したい方やライバルとの差別化を図りたい方、売上を伸ばしたい方などにおすすめする「パーソナル・ブランディング」のWordPressテーマです。