Tracking Drop Down Ajax Form Event using Google Analytics & Event Tracking..

cstormer
cstormer used Ask the Experts™
on
I have a drop down form with 6 choices.  It is used to filter a products category page by things like "Best Seller", "Highest Rated", ect.

I want to add Google Event tracking to this menu so I can see how many people are using it.  I'm not sure where to begin.

Current Code:

		<div class="item_sorter is_top clearfix">
			<select id="top_cat_sort" name="top_cat_sort" class="is_sort">
				<option value="price featured">Featured</option>
				<option value="price low-high">Lowest Price</option>
				<option value="price high-low">Highest Price</option>
				<option value="newest first">Newest First</option>
				<option value="rating">Best Rating</option>	
				<option value="selling">Best Selling</option>				
			</select>

Open in new window


I want to try and add http://code.google.com/apis/analytics/docs/gaJS/gaJSApiEventTracking.html too this.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Multitechnician
Top Expert 2014
Commented:
what about :

<div class="item_sorter is_top clearfix">
			<select onchange="pageTracker._trackEvent("topcat", "topcat_change", this.name, this.value);" id="top_cat_sort" name="top_cat_sort" class="is_sort">
				<option value="price featured">Featured</option>
				<option value="price low-high">Lowest Price</option>
				<option value="price high-low">Highest Price</option>
				<option value="newest first">Newest First</option>
				<option value="rating">Best Rating</option>	
				<option value="selling">Best Selling</option>				
			</select>

Open in new window

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial