<script async defer src="https://cdn.jsdelivr.net/npm/siteclue-tracker@0.1/dist/siteclue-tracker.js"
data-id="123456">
</script>
<script async defer src="https://cdn.jsdelivr.net/npm/siteclue-tracker@0.1/dist/siteclue-tracker.js"></script>
<script>
siteClue.init('123456');
</script>
Install:
npm install siteclue-tracker
Initialize:
import {init} from 'siteclue-tracker';
init('123456');
Events are custom interactions measured independently from the page views.
Events have a three-level naming hierarchy:
category
action
label
Values for all three can be any custom names.
The label
is optional.
<button data-siteclue-event="click:button/clicked/data">
Click me
</button>
data-siteclue-event
field value is built from 4 parts:
trigger:category/action[/label]
trigger
is a JavaScript event
name to attach the event trigger to.
For example, the click
value will trigger event to be sent on element mouse click.
The label
part is optional.
For the click
trigger, there is a shorter helper for setting the event:
<button data-siteclue-click="button/clicked/data">
Click me
</button>
siteClue.event('button', 'clicked', 'js');
Function parameters are, in order: category
, action
, and label
.