Skip to content
Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


Track-with-tags is an autonomous library which helps you perform Google analytics tracking by adding html attributes on the tags you want to track.

How to use it?

Track-with-tags allows you to pilot all the Google analytics trackings (page, event, page variable, user variable) directly in your html document. No need to include jQuery and write spaghetty code to trigger the tracking.

See Installation to include the classic Google analytics code and the Track-with-tags library in your html page. Then you can simply:

  • track a click on any html element with ga-click (event_value is often empty, non-interaction_mode should be 1 or true to avoid impacting your goal rate):
    <!-- variables used with ga-click-->
    <a ga-click="event(event_category,event_action,event_label,event_value,non-interaction_mode)" href="#tryForFreeContent">Free trial</a>

    <!-- an example to track a click event on a try-for-free inner link -->
    <a ga-click="event(landing page,try-for-free click,link click,,1)" href="#tryForFreeContent">Free trial</a>
  • track focus on input fields with ga-focus:
    <input name="login" type="email" placeholder="Email"
            ga-focus="event(landing page,focus-email,login form,,1)'}" />

    <input name="password" type="password" placeholder="Choose a password"
            ga-focus="event(landing page,focus-password,login form,,1)'}" />

    <button type="submit">Login</button>
  • track form submission ga-submit:
    <input name="login" type="email" placeholder="Email" />

    <input name="password" type="password" placeholder="Choose a password" />

    <button type="submit" ga-click="event(landing page,login submit,login form,,1)"}>Login</button>


You must have Google analytics already setup the classic way in your page:

    <!-- Google Analytics -->
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    <!-- End Google Analytics -->

Track-with-tags relies on AngularJS, which you may already have included in your html page:

  • if you already use AngularJS, download libs/track-with-tags_raw-min.js and include it at the end of the html body:
    <!-- your inclusion of AngularJS -->
    <script src="//"></script>
    <!-- include your copy of Track-with-tags AFTER AngularJS inclusion -->
    <script src="/track-with-tags_raw-min.js"></script>
  • if you don't use AngularJS, download and use libs/track-with-tags_bundled-min.js
    <!-- include your copy of Track-with-tags bundled with AngularJS-->
    <script src="/track-with-tags_bundled-min.js"></script>

The other two packages (without min) are developer versions which includes comments in the source code and are thus heavier to download.


AngularJS directives to define tracking events for Google analytics events with simple html tags.




No releases published


No packages published