tracking event in analytics

Hey Ray

My contact pages (one is atatched) redirect to itself for the success message.

I am trying to figure out how to allow the analytics to track the contact submit button from this resource https://developers.google.com/analytics/devguides/collection/analyticsjs/events but cant really understand what I need to do to achieve this?

Thanks

Jamie

You can wrap the analytics code in an IF statement so that it is only run when the page submits to itself.

First get the code added so that it tracks every visit to the page as if it was tracking the button submit. Then just add the IF statement so that it only adds the code after.

Thanks Ray, but if it is only tracking the submitted page, you lose the visits to the inital contact page thereby losing a metric of visits to the contact page vs actual submissions.......

isnt there a way using the google resource above to track the onclick as an event?

You could write a function that does the analytics call and add it to the onsubmit or onclick event in your html. You would have one that runs automatically when the page loads and the onclick or onsubmit one in a function that only gets called when the button is clicked.

Thanks Ray

Have figured out how to do this with google analytics:

in the opening <form> add an onsubmit

onsubmit ="ga('send', 'event', 'Contact Form','Submitted');"

where 'Contact Form' is the category and 'Submitted' is the event (and these can be named whatever you want) so that your opening <form> looks like this

<form id="ContactForm" class="form-container" name="ContactForm" method="post" action="<?php echo (htmlentities($_SERVER["PHP_SELF"], ENT_QUOTES)); ?>" onsubmit ="ga('send', 'event', 'Contact Form','Submitted');">

Resource used was https://goo.gl/8NDM1 and https://goo.gl/upzf1N