Google Event Tracking

Marketing
1

Hi there,

I am trying to track clicks on some social sharing buttons I have.

I have the following code, but I don’t seem to be seeing any tracking info when it’s clicked:

<div data-network="twitter" class="st-custom-button st-btn-twitter" data-url="<?php the_job_permalink(); ?>" data-title="<?php wpjm_the_job_title(); ?>" onClick=”_gaq.push([‘_trackEvent’, ‘share’, ‘click’, ‘Twitter Share’, 5, true]);”><i class="fa fa-twitter"></i> Tweet</div>

Does the above code look ok?

I have tested it by clicking the button myself - would this still count as an event?

Thanks

2

Unless you have set up Analytics to ignore your own IP, it should track your activity. It will only work on the live site though.

Where you have these php functions in your data attributes, what do those functions do? I presume there is supposed to be an echo within the actual functions, as you are not echoing there, just calling the functions.

3

Hi,

That’s strange. I will double check my code.

The PHP function fulls in some data from WordPress. This part works fine, it’s just the tracking code I’m having an issue with.

4

Is this supposed to have “curly” quotes?

5

I’ve just tried it with curly braces, but still nothing seems to show in Analytics.

6

I meant the quotes.
Using " instead of ” and ' instead of ‘ and ’.

7

I’ve tried that and also with curly braces, but it still not tracking.

This is the code I have now:

<div data-network="facebook" class="st-custom-button st-btn-facebook" data-url="<?php the_job_permalink(); ?>" data-title="<?php wpjm_the_job_title(); ?>" onClick="_gaq.push(['_trackEvent', 'share', 'click', 'Facebook Share', 5, true]);" ><i class="fa fa-facebook-f"></i>Share</div>

8

Rather than posting the source code that has unfamiliar third party function calls in it, please post the HTML code that the browser would get.

1 Like
9

Sure, this is what is outputted:

<div data-network="facebook" class="st-custom-button st-btn-facebook" data-url="https://www.mywebsite.co.uk" data-title="Title of the page" onclick="_gaq.push(['_trackEvent', 'share', 'click', 'Facebook Share', 5, true]);"><i class="fa fa-facebook-f" aria-hidden="true"></i> Share</div>

10

Thanks. It looks like the PHP is OK. That leaves

_gaq.push( 
    ['_trackEvent'
     , 'share' 
     , 'click' 
     , 'Facebook Share' 
     , 5 
     , true] 
);

Are you sure these are the correct parameters in the correct order?

Where did you find that? It doesn’t look like what I could find

11

_gaq.push is from the old Google analytics API. How you do this in the current API is described here: https://developers.google.com/analytics/devguides/collection/analyticsjs/events

2 Likes
12

That link says it’s a legacy library and recommends using the latest library.

1 Like
13

Thanks for the replies and the advice.

I’ve now tried using:

<div data-network="facebook" class="st-custom-button st-btn-facebook" data-url="https://www.mywebsite.co.uk" data-title="Title" ga('send', 'event', 'Videos', 'play', 'Fall Campaign', {nonInteraction: true});><i class="fa fa-facebook-f"></i> Share</div>

But still nothing is appearing in my Analytics :frowning:

14

Where did the onclick="...." bit go? :confused:

15

Sorry, my bad.

I have added it, but still nothing showing.

<div data-network="facebook" class="st-custom-button st-btn-facebook" data-url="https://www.mywebsite.co.uk" data-title="Title" onclick="ga('send', 'event', 'Videos', 'play', 'Fall Campaign', {nonInteraction: true});"><i class="fa fa-facebook-f"></i> Share</div>

16

Any errors on the console?

(in most browsers you can press F12 or ctrl+shift+i to open this)

17

Nope, not getting any errors :confused:

18

And in the network tab, do you see it sending any data to Google?

19

This is what I have in the network tab:

1287×286 18.5 KB

20

Doesn’t seem like a request was made.

Is there somewhere we can see this live?