基本

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

投稿日:6月 14, 2018 更新日:

WordPressの基本

WordPressサイトにお問い合わせページを設定する超スタンダードプラグインの「Contact Form7」。

今回はこの「Contact Form7」で作ったメール送信ボタンにGoogleアナリティクスのイベントトラッキングを設定する方法をまとめておきます。

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

まず「Contact Form7」をインストールする必要があります。

その方法は下記を参照してください。

WordPressプラグイン
お問い合わせページを簡単に作れる「Contact Form 7」プラグイン

WordPressではよくあるお問い合わせページをプラグイン1つで簡単につくることができます。 お問い合わせページを作るのに一番有名なプラグインは「Contact Form 7」です。 簡単にお問合せ ...

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

Contact Form7では

 
[submit "送信"]
 

みないになっているので直接リンクのクリックイベント書けません。

そこで、Javascriptを使って「EventListner」をひとつ追加します。

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

フックするのは

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

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

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

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

まとめ

今回の記事は


を参考に実際に設定してみました。

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

-基本
-,

Copyright© 初心者のためのWordPress入門 , 2018 All Rights Reserved.