[Plugin: jQuery Collapse-O-Matic] Tracking Expands with Google Analytics Event Tracking

Hi sackerman…funny you should ask, this is something I just got working this morning.

There may be a better way, but here’s how I did it:

• Add an ID to the “Read More” image:
  [expand title="<img id='readMoreImg' src='imgs/read-more.jpg' />" trigclass="noarrow" tag="div"]
• Add some jQuery (after the [/expand] tag) that will add an “onClick” event to the image.
• Set up the onClick event to call the GA event tracking, then return true (so Collapse-O-Matic will keep working after the event is called)

So my jQuery looks something like this:

<script type="text/javascript">
	jQuery("#readMoreImg").attr("onClick", "_gaq.push(['_trackEvent', 'ReadMore', 'Clicked', 'Event Title Goes Here']);return true");
</script>

Hope this helps!