Slide deck for my talk at the Singapore WordPress User Group meetup at Hackerspace.sg on 10 Sep 2014. The slides includes walkthroughs and explanations of how businesses can track their Contact Form 7 enquiries (on their WordPress website) using event tracking on Google Analytics.

1. Tracking Contact Form 7
Enquiries with
Google Analytics
Tan Kian Ann
10 September 2014
WPUG Meetup

2. Contact Form 7

3. The most downloaded
WordPress contact
form plugin. Ever.

4. Contact Form 7
19 Million!?
Downloads
5 x Lester ;)

5. Contact Form 7

6. Contact Form 7
• AJAX contact form
• Submissions are emailed to
specified email addresses.
• Super easy to setup
– Install plugin from
WordPress
– Create forms
– Copy shortcode where you
want the form

9. Additional Settings Below

12. Google Analytics

13. FREE
WEB
ANALYTICS
(harder to resist than cute kitty pics)

14. http://www.google.com/analytics

15. Be sure to use “Universal Analytics”
i.e. The tracking code has:
ga(‘create’, ‘UA-XXXXXX-XX’, ‘auto’);
ga(‘send’, ‘pageview’);

17. The Challenge

18. The Challenge
• Websites focuses on generating enquiries
(using Contact Form 7).
• Spending $$$ on Facebook Ads, Google
Adwords, Banners Ads etc.
• How do you know which ad dollar is giving
you more bang for your buck?

19. I know that
half of my
advertising
dollars are
wasted…
I just don’t
know which
half.
- John Wanamaker

20. The Idea

21. Google Analytics
already tracks
your visitor
acquisition
channels

22. When someone submits your enquiry form,
we need Contact Form 7 to tell
Google Analytics:
“This visit resulted in an enquiry”

23. The Solution

24. It Was Just One Line of Code*,
But When He Added It to WordPress,
What Happened Next Was Amazing.
* and a few clicks

25. Each Contact Form 7 form settings page has
an “additional settings” field where you can
specify javascript to run, using on_sent_ok
Scroll all the way down

27. Triggering an “Event” in Google Analytics:
on_sent_ok:"
"
ga('send', 'event',
<category>, <action>,
<label>, <value>)
Google Analytics Event Tracking Documentation:
https://developers.google.com/analytics/devguides/collection/analyticsjs/events

28. The one line of code to rule them all:
on_sent_ok: "ga(''send', 'event’,
event',
'Contact Form', 'Submitted',
'Cute Kitty Enquiry Form')"
'Contact Form', ’Submitted',
Form'

30. How would you know
its working?

31. Go submit your form!

32. d

34. Only “Real Time” section is erm… real time.
(the rest takes a day to show up)

36. Is that all there is?

37. There’s More!!

38. Configure Analytics Goals
• Configure the event as a Goal (conversions).
• Goal data is available on almost every panel
in Google Analytics.
• Google Adwords can also import Google
Analytics goals for conversion tracking.

41. These values need to match the
category / action / label
specified in Contact Form 7

43. Mummy…
its over!!!

44. Thank You 
Tan Kian Ann
tankianann@gmail.com
+65 96195806
@tankianann
fb.com/tankianann