Tracking Flydown Navigation Click Events

Bronze Contributor
Bronze Contributor
We currently use Webtrends as our analytics solutions, and we are looking to intelligently track clicks to Flydown Navigation links. The traditional way is to append Webtrends Query parameters to the resulting URL to track the click. eg. http://www.thesite.com?wt.ac=flyout_products_whatever. However, we need to develop a different solution using Tealium if possible to store the event onclick/mousedown and pass the value on the resulting page (storing the value in a temp cookie, etc). Has anyone had success or can you provide any detail into how this can be best accomplished? Thx, Scott
3 REPLIES 3

Tracking Flydown Navigation Click Events

Employee Emeritus
Hey Scott, First off this is a pretty custom solution so I would recommend reaching out to your Account Manager where we can gain better requirements and provide a better solution. With that said, this is possible and has been done before. We would use one of our jQuery Extensions to add a listener on the buttons. Once the button has been clicked we can use the Persist Data Values Extension or custom code within the jQuery Extension to set all the necessary data into a First Party Cookie. On the next page load we can read that cookie, and use mappings to send that data to WebTrends. We would also need to use an extension to delete the cookie after that next page load to make sure that data is resent on subsequent pages. Hope that helps.

Tracking Flydown Navigation Click Events

Bronze Contributor
Bronze Contributor
Thanks Jared, that is helpful, and along the lines of what I was thinking. I'll need to do a little research on our side to make sure tracking is robust enough to handle future changes within our navigation w/o making changes to the extensions (or adding new jquery events each time). Appreciate the help.

Tracking Flydown Navigation Click Events

Gold Contributor
Gold Contributor

Hi @jared_hislop ,  

I need to count the number of button clicks and store that in a cookie and so need to follow a similar approach but I'm intrigued by the possible use of Persist Data Values extension here.  That'll save me from a lot of code-writing but how can we combine this with a jQuery onhandler extension?
Can we set a JS variable as a flag and set it to true in the onhandler extension and use that as a condition for hte Persist Data Values extension?  The value can be stored in another variable in the onhandler extesnion that can simply be read into the cookie in the PDV extension.  Really appreciate your help.
Sujani

Public