Contact from 7 integration

Hi Thromas!

I’m getting a bit really mad trying to track contact form 7 submissions in Analytics. Started trying to track Contact Forms 7 DOM event: “wpcf7mailsent” and gave up. Now I noticed your plugin (which I also had installed for GTM) integrates with CF7. However, I am facing the same issue, I can’t track events and don’t get how to control “gtm4wp.contactForm7Submitted”.

According to CF7’s documentation, I assumed that events should appear automaticly in Analytics just by adding this to my landing page:

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

But I guess they are not.

Having read your answer, in my GTM, I created a Trigger>Other – Custom Event > Event name: gtm4wp.contactForm7Submitted but what tag should this fire? and…why create a tag?

I feel like I am not getting the mechanics on this…will this allow me differentiate form submissions in order to make different Adwords campaigns?

Thank you very much,

Hi Thomas,

Thank you very much for your answer.

I still don’t know if I completely underestand your answer though…I may be doing things bad in GTM as I haven’t used it before, but… why are events not being tracked when I put the code snippet directly in the header? There shouldn’t be any triggers or weird stuff without GTM.

I have read your article, and also did the first lesson on th ecourse, but I start to loose myself in the triggers and “variables” stuff. I have some coding knowledge, but I am a young marketer doing a website for my parents and I dont even understand the definitions, that moreover, and in English, which isn’t my mother language.

Please, correct me if I am wrong/anser the following:

1. I have to run this code in ALL pages of my website, not only in the landing pages I want to track. Triggered > “Page view (all pages)”. (This code will sent nothing to GA, but what the hell is it for then).

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

2. Using this method, I will be able to differentiate from different form submissions and build different objectives in Analytics.

3. I created “gtm4wp.contactForm7Submitted” trigger, but would it work (and would it do it better or worse) if I use…

As I am writing this I notice that this gets harder and harder and even more complex as I go further. I think I will just unistall GTM, put JS analytics code in my header and try to code the stuff in my header too to get event traking. GTM is too complex and adds an extra difficulty layer to every simple and single task. I’m not a pro coder, just want to get things done, and 2 weeks lost reading complex articles and answers feels like too much wasted time. I don’t feel like putting this huge effort and time in mastering a new tool just for analytics and event tranking 🙁

Thank you very much and sorry, i found this so frustrating. Damn CF7 deprecating useful and simple ways to do things…