You can create your click tracker directly via the graphic editor. To set up a click tracking, launch the Kameleoon editor on the webpage of your choice.
Click tracker creation
You can create your tracker from any variation, it will appear on all of your experiment’s variarions. Once you have created your event tracker, you can use it in other tests as well.
Create a new click tracker tracker
Select the element for which you want to track clicks. On the tool panel, the third tab “Tracking” enables you to create a click tracker.
Type in the name you want to give to your event tracker, then click on “Track this element”. The tracking is automatically associated with the element. You can now find it in the test finalizer. The tracking will be available for all your tests.
Associate an existing event tracker
You can associate an existing event tracker to other elements. It can be useful if, for instance, you have two “Download” buttons on the same page and you would like to track the total amount of clicks on these buttons.
To do so, search the existing event trackers in the event tracker name field
This field enables you to name an event tracker but is also a live search bar
Associate several event trackers with an element
You can also associate several event tracker to one single element, either by creating a new event tracker or by associating an existing event tracker with the element.
In our example with two “Download” buttons on the same page, you can track both buttons together, but also each independently.
Here, the “Download button” event tracker is associated to two elements (the two “Download” buttons), whereas the “Download button with logo” is only associated to one element.
Edit or delete an event tracker
Once an event tracker is created, you can edit it at any moment. To do so, go to “Associated to the element” where you will find the list of the event trackers associated to the selected element and place your cursor above the element you want to edit.
Edit the event tracker
Click on the pencil icon to edit the tracking: A new pop-in will appear, enabling you to edit the event tracker settings.
In this pop-in, you will be able to edit the name, and add a description, a category or an action.
Linked CSS selectors
To view, add and delete the CSS selectors linked to your event tracker click on this icon:
In the pop-in you can see the element your event tracker is linked to. To unlink it, click on :
You can also link other CSS selectors to your event tracker by clicking on “new selector”.
Delete the event tracker
Click on the following icon to delete the event tracker:
This action will delete the event tracker permanently.
Stop associating the event tracker to the element
If you no longer want to associate the event tracker to the element but not delete it permanently, click on this icon:
You can associate it again if you want to by clicking on the “+ Add an existing event tracker” button.
Define as a goal
Once you have created you event tracker, you just have to select is as a goal to push the results in Kameleoon’s reporting tool.
Before launching your test, in your test finalizer menu, select “Kameleoon” as reporting tool.
The list of goals created is displayed: select the event tracker you have created.
Congratulations! You will now find your results in your personal space.