Hi,

I have a similar problem to yours with the Divi contact form module with the divi theme. Were you able to resolve this?

I get this weird error Uncaught TypeError: jsForm.submit is not a function

and the GA event also fires regardless of form submission.

Sorry, not sure – we have not had time to look into this as super busy with updates for our plugins. If we get some time we can check but need to prioritize our time for the plugins and customers. Sorry

Hi Divi. Is there any update on this? I cant get this code to work with the Divi theme andDivi contact module. (detecting clicks on phone numbers works great, but just not the form submission bit). Thanks! 🙂

Hi Divi. Thanks for your quick reply! 🙂
We’re using Divi’s contact module.

It should work only when the form completes (submits ) what are you using for your form?

It should only track those as it sends the data on form submit. If not successful, submit won’t fire.

I think it takes a little time for it to come through. Check back in the next few days and let me know if it shows.

Thank you for the kind words! Please share the article.

To confirm you question, you want to measure how many people click the link? This would require some more development and even database code which is quite complicated. I would not really recommend it either as it could clog up your WordPress database and it will become huge and slow.

Maybe someone else has a good solution?

This error has to do with Ajax I think not working. I believe it is when the page gets reloaded before the Ajax can fire. What are you adding this code on – a Ajax contact form?

I’m asking for information on what this could mean?

Not sure how I can explain it easier here. I suggest using the plugin that I mention and look at the screenshots above to copy

“I have added the id “contact” to our module that has the contact form – you can see the way it is setup below in the screenshot of the code inspect – the form is housed in the div id called contact.”

I don’t understand that part, I’m not familiar with Divi. Please can you explain where to do that more precisely.

Thanks in advance.

Regards

Thank you for the kind words and the comment! Can you email he***@di********.com with the URL of your website where the newsletter sign up is, will try see what can be done

Btw I love your theme design on the Divi Engine site.

True. Did you change the analytics code “UA-xxxxxxxxxx-x” to be your tracking UA?

I want to track email clicks and phone clicks, but it doesn’t seem to be working, any idea why?

jQuery(document).ready(function($){
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga(‘create’, ‘UA-xxxxxxxxx-x’, ‘auto’); // change UA-xxxxxxxxx-x to be your tracking UA.

$( ‘a[href^=”mailto:”]’ ).click(function(event) {
var href = $(this).attr(“href”);
var target = $(this).attr(“target”);
var text = $(this).text();
event.preventDefault(); // prevent the form from submitting so we can sent the tracking code, then continue with the submission later.
ga(‘send’, {
hitType: ‘event’,
eventCategory: ’email’, // add any name for the category
eventAction: ‘Clicked’ // add any name for the action
});
setTimeout(function() { // now wait 300 milliseconds…
window.open(href,(!target?”_self”:target)); // …and open the link as usual
console.log(“email clicked”);
},300);
});

});

$( ‘a[href^=”tel:”]’ ).click(function(event) {
var href = $(this).attr(“href”);
var target = $(this).attr(“target”);
var text = $(this).text();
event.preventDefault(); // prevent the form from submitting so we can sent the tracking code, then continue with the submission later.
ga(‘send’, {
hitType: ‘event’,
eventCategory: ‘Phone Number’, // add any name for the category
eventAction: ‘Clicked’ // add any name for the action
});
setTimeout(function() { // now wait 300 milliseconds…
window.open(href,(!target?”_self”:target)); // …and open the link as usual
console.log(“tel clicked”);
},300);
});

});

I can confirm that the plugin works well and is helpful. Thank you.

Hello, thanks a lot for your response. I will test it and let you know how it works! I really appreciate your help!

Hey Jan,

We have fixed the formatting issues – please let me know if it works for you now?

Hey Jan,

Thanks for the comment – yeah the plugin is out of date but I have not had any issues with it and it works so well so keep using it on some sites. It is easy enough to code it.

The blog post above has some formatting issues so the code is not showing, I will fix this and let you know (tomorrow or the next day as been away for 4 days so need to catch up).

Is this ok?

Thank you!

I would have to write a tutorial on how to do this manually but I know the plugin referenced in the post allows to track this. They add a class to the link called “.gtrackexternal” and then track it there. If you are using the plugin go the settings page and check for “All External Links”.

If you know code and want to do it manually, try adding this to the start so that it adds the CSS class gtrackexternal:

$('a').each(function() {
if ((!host.test(this.href) && this.href.slice(0, 1) != "/" && this.href.slice(0, 1) != "#" && this.href.slice(0, 1) != "?" && this.href.slice(0, 10) != "javascript")) {
$(this).addClass('gtrackexternal');
}
});
Now you can use this to track the external links

Does this help?

Thank you!

Hi Kaite,
I had not seen this before – not sure why.

It works perfectly and actually used it last week so still think it is good. Alternatively, you can use the custom method above.

Thanks for the comment 😀