Contact from 7 integration

Hi Adriders,

I assume you did but maybe it is worth asking about it: have you added the necessary GTM tag and trigger on the GTM UI to catch the gtm4wp.contactForm7Submitted event?

Have a great day,
Thomas Geiger

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 @juanmafortes,

Thanks for your question.
May I ask you to open a new thread next time you have a question? It will help others to find a solution for their (similar) issues. Thank you!

Now back to your question: using my plugin, you will not have any data in your GA reports automatically. This is because GTM is not GA. (if you will have some time to read, in this article I explain the key differences: https://gtm4wp.com/for-beginners/google-analytics-plugin-or-tag-manager-plugin-benefits-and-disadvantages.html)

As you already found out, you need to create a trigger and a tag to send this event to GA.

What you described as your trigger, that seems to be fine but only half of the job. This trigger will catch the event but won’t populate your GA reports. Tags are there to do the job. A GA tag can be prepared to include your GA property ID, GA event parameters. But a tag is also half of the job without a trigger: triggers tell GTM when certain tags has to be fired. And here comes the magic: using the same trigger you can fire multiple tags thus you can for example tell GA that a CF7 form has been submitted and in parallel you can tell a Facebook Pixel the same event.

GTM is a separate tool, something that has to be learned as well. If you allow me, here are some freebies that can help you learn the basics and also the more advanced topics:
https://analytics.google.com/analytics/academy/course/5
https://measureschool.com/

I hope that helps,
Thomas Geiger

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…

Hi,

I understand that this is might be frustrating for you, learning something complex like GTM can be always challenging. I also understand that spending so much time to solve a simple issue is a waste of resources.

I hope that one day you will learn that GTM can be a great solution especially if you are not a coder ??

Have a great day,
Thomas Geiger