Lite Analytics documentation
How to use custom events
Enable events first
If you want to utilize custom events, you must enable them within your Lite Analytics script by adding data-events="true"
<script defer async data-host="your_domain_name_here" data-events="true" src="https://liteanalytics.com/lite.js"></script>
Please note that custom events are counted in your payment plan in the same way as pageviews.
Click events
To trigger an event, you need to add the attribute data-lta-event to the HTML element.
<button type="button" data-lta-event="button signup click">Signup</button>
Each click on the button will trigger the button signup click event which will be visible in your analytics reports.
You can add the data-lta-event to any element, for example, an <a> element for an outbound link or a <div>
<a href="http://wikipedia.org" data-lta-event="outbound wikipedia.org">Wikipedia</a>
<div data-lta-event="div click">Click me!</div>
<div data-lta-event="div click">Click me!</div>
Form submit events
By default, lta-data-event will always trigger upon an element click. The only exception is the <form> element. If you add data-lta-event to the <form> element, the event will be triggered upon form submission.
<form action="/signup" data-lta-event="user signed up">
Email <input type="email" name="email" />
<input type="submit" value="Sign up" />
</form>
Email <input type="email" name="email" />
<input type="submit" value="Sign up" />
</form>