event tracking with google analytics + mega menu font color - Support

Tagged: event tracking, google analytics

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
November 19, 2013 at 1:27 am #190408

erantdo
Participant

Hi,

I need to add the following code to an so GA will track it:

onclick="_gaq.push(['_trackEvent', 'Purchase', 'Banner', 'Bla']);"

So, it needs to be:

<a onclick="_gaq.push(['_trackEvent', 'Purchase', 'Banner', 'Bla']);" href="http://www.blabla.com" target="_blank">Bla Bla</a>

How can I do that?

Also, do you have any idea why my mega menu items are colored in black whereas the other menus are in grey?
URL: http://www.valuation.co.il/

Thanks in advance,
Eran.

November 20, 2013 at 2:25 am #190785
Josue
Inactive Moderator
Hey Eran!

Where do you want to add that tracking link?

Regarding the mega-menu coloring, it’s because you have this on the Quick CSS:
```
.header_color .main_menu ul:first-child > li > a {
color: black!important;
font-weight: normal;
font-size: 16px;
}
```
Cheers!
Josue
November 20, 2013 at 2:38 am #190794

erantdo
Participant

Hi,
Thanks for your reply.

The event tracking is needed in some of the buttons I put (banners, etc)

Regarding the CSS, if I remove it, then the font of the header is grey, bold and small (even though the header font color is set to black)
Is there anyway to keep the custom style in the CSS for the header, and for the mega-menu, make it like the other regular items?

November 21, 2013 at 2:12 am #191234
Josue
Inactive Moderator
Hi!

Looks like you’ve already managed the megamenu issue.

Regarding the GA push link, you can use the raw HTML version of a [button] wherever you want to have it:
```
<a onclick="_gaq.push(['_trackEvent', 'Purchase', 'Banner', 'Bla']);" href="#" class="avia-button avia-icon_select-yes avia-color-theme-color avia-size-small avia-position-center "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></a>
```
Regards,
Josue
November 21, 2013 at 1:44 pm #191424

erantdo
Participant

Regarding the button, thanks a lot.

Regarding the manu, actually no,because I want the top menu to be in black, normal font, size 16px, but I want the mega menu to look like the others (meaning, grey and turning black on hover).
I simply want to code you highlighted earlier to only refer to the header menu and not to the mega menu as well.

Is that possible?

Thanks a lot,
Eran.

November 22, 2013 at 6:55 am #191725
Ismael
Moderator
Hey!

You can change the main menu using this:
```
.main_menu ul:first-child > li > a {
font-size: 16px;
}

.header_color .main_menu ul:first-child > li > a {
color: black;
}
```
Regards,
Ismael
November 22, 2013 at 5:08 pm #191903

erantdo
Participant

Thanks, but it’s also changes the color of the mega menu from grey to black (the mega menu is the second from the right)

November 22, 2013 at 6:15 pm #191930
Josue
Inactive Moderator
Hey!

Add this code to the Quick CSS:
```
.avia_mega_div a{
    color: #808080 !important;
}
```
Cheers!
Josue
November 22, 2013 at 6:48 pm #191979

erantdo
Participant

Thanks, but now the hover doesn’t work in the mega menu.

If it’s too much trouble, never mind, I wouldn’t want to take too much of your time on this.

November 22, 2013 at 6:54 pm #191985

Josue
Inactive Moderator

Hey!

Well, it worked on my end, no problem, i’ll close this thread.

Best regards,
Josue
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘event tracking with google analytics + mega menu font color’ is closed to new replies.