Responsive Carousel Click Tracking
A jQuery plugin for the Filamentgroup responsive-carousel to enable Google Analytics click tracking.
This plugin will simply push tracking parameters into Google Analytics _gaq
object.
Getting Started
- Add Google Analytics to page
- Install (Easy)
-
bower install responsive-carousel-clicktracking
if you're using Bower
-
- Install (Manually)
- Add jQuery
- Add Filamentgroup responsive-carousel
- Add dependencies and this responsive-carousel.clicktracking.js to page
- Modify the
data-clicktracking-*
parameters to be passed int the_gaq
.
In your web page:
<script src="jquery.js"></script>
<script src="responsive-carousel.js"></script>
<script src="responsive-carousel.clicktracking.js"></script>
<link href="responsive-carousel.css" rel="stylesheet">
<div class="carousel"
data-click-tracking
data-click-tracking-next="User action,image_arrow,next"
data-click-tracking-prev="User action,image_arrow,prev">
<div>
<!-- carousel item content here -->
</div>
<div>
<!-- carousel item content here -->
</div>
</div>
Demos
Check out the test/functional/
directory for demo (requires dependencies installed).
Authors
- Ron. Adams - @ronaldjadams
- Created at Nara Logics
License
Copyright 2014 Ron. Adams
Licensed under the MIT License