Solved: Tracking Events with Google Analytics

LauraGRID · ‎11-04-2016

I am new to Weebly and would like to add GA event tracking to some files we're offering for download. That means I need to add parameters to the anchor tag, but I can't see a way to get into the code to add them. Is this possible?

Here's an example:

http://toolkit.solarfutures.org/introducing-solar-energy.html

I want to track downloads of all of the files on this page. So I'd like to format the download link like this:

Is there a way to add these parameters? I don't seem to have any code access at all.

Thanks,

~ Laura at GRID Alternatives

Adam7 · ‎11-08-2016

Yes, you can add all kinds of code to the Embed Code element - Javascript, HTML, CSS, etc.

View Best Answer >

Queso · ‎11-05-2016

Hey there Laura!

It looks like you'll want to use an Embed Code element to make the link from custom code. I'm not a coder myself, however, so some of our Community members can likely offer a more detailed explanation.

LauraGRID · ‎11-08-2016

Thanks, Queso. So the "Embed Code" element works for any kind of code, not just embeds?

Adam7 · ‎11-08-2016

Yes, you can add all kinds of code to the Embed Code element - Javascript, HTML, CSS, etc.

EmmaPOSeafood · ‎03-13-2017

Hi Adam,

How do you attach the embed code to a button? I.e. I want to add a GA tag to the button so I can track how many people click on the button. I would usually add the tag code to the file, but in weebly developer mode- I cant find the file uploads anywhere!

There seem to be no answers to this on the entire internet, please help!

Cheers,

Emma

Adam7 · ‎03-14-2017

I figured you might to want to code a button in an Embed Code element so you can add your Google tag code to it like that.

Something like <button googtagcodegoeshere>click here!</button>. You could probably copy the code for a regular Weebly button and use that as a starting point so it looks the same.

Maz11 · ‎03-20-2017

Hi Adam,

I am having exactly the same question as I also would like to add a GA event tracking code to some of my Weebly buttons. I have tried to use your information to do it, but I am too confused and it is taking too long. All I need is exactly the code for my Weebly button plus where to add the GA event tracking code so I can copy and paste this into the Embed Code on my page. Would you be able to give me that code or point me in a direction where I can find it? (I have searched under my theme's CSS/HTML part and found some button code, but I'm not sure if the code for on the page itself is different than the code in the CSS back-end part. You see I am not a programmer so it all gets confusing.

The buttons can be found on this home page in the header.

www.careadvantage.com.au

Any help with this would be appreciated!

Adam7 · ‎03-21-2017

The easiest way to get the code for a button would be to add one to a page of your site, publish, then copy the button HTML code off of the live site. You can then add your tag to that code and paste it into an Embed Code element.

Amy_1 · ‎05-26-2017

Did anyone manage to isolate the html code for the weebly button? Using the embed code I hope to be able to add the GA event tracking code to a button (the white text on blue box)? If so, it would be very helpful if this could be posted here.

Many thanks

Amy

thisdickie · ‎01-03-2019

I think i managed to isolate the code. This provides a dark grey medium sized button. You can easily edit the copy and link (href) as shown above. I'm still working on this and hope to test event tracking using this method tomorrow. If it works i will put it into a quick video tutorial and share on this thread!

RaveOrganics · ‎08-02-2018

Can you describe how you'd use the embed code element though to fire an event to google on a button click though?