Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – How to create on-click events for google analytics with javascript

I’m using generate press theme and elementor in wordpress and now we need to create on-click events for the menu and the buttons, see. Since I can’t really use the html way to do it, I will need to use javascript. I’ve tried it like this: 

<script>
     (function($){
         $( "#landingpage3-button1" ).click(function() {
             ga('send','event','phone call','header');
         });
     })(jQuery);
</script>`

However this doesn’t seem to work…

Any ideas how to fix this?

Best regards,

Florian

PS: I don’t really know javascript and got this code from someone else…

Tags:

2

Answers


  1. 0

    It looks like you could use help learning event tracking with Google Tag Manager. You can use tags to track anything in Google Analytics. Here is a short video explaining how. https://www.youtube.com/watch?v=iaJ9HHvKeL8

    Login or Signup to reply.
  2. 0

    Oki so there are various ways to implement tags. If you need to go for hard coded events, i.e. firing from JS, you can do that :

    • Create a onClick attribute in your tag
    • Make your Analytics.js is included and instantiated before you call this function

    The above code you have posted must also work, make sure your analytics.js has been pushed before and ga object is instantiated.

    USe binding function on click, as it migth be the case js goes on before your DOM is loaded, and it will not be binded. So use like below:

    (function($){
       $( "#landingpage3-button1" ).on('click', function() {
           ga('send','event','phone call','header');
       });
})(jQuery);

    Using GTM:

    • You can create a click event which is pretty easy.
    • If you have two GTM accounts, either use one or use both but make sure the tags are not duplicated.
    • I work in an agency as well. Best practice is to have a single GTM and publish altogether. It would take some time but will make your life easier at the later stage.
    • GTM has workspaces. If you need, just work on different workspace than the agency one.

    PS: If the agency is working with you, ask them to implement the tags for you.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search