Tracking Custom Goals
Last updated
Last updated
Beware, this guide requires basic coding and javascript knowledge.
No analytics tool would be complete without giving you the opportunity to send custom goals yourself. In this guide, we will explore how this is possible with HockeyStack and how you can leverage this data in your dashboard.
Whether you want to track form submissions or specific button clicks, the general syntax to send this data back to HockeyStack is:
Let's dissect this. The method takes in two arguments: a required String variable representing the name of the custom goal, and an optional Object variable consisting of any special property you want to send with your goal.
Here is an example goal you can send after the visitor added an item to their cart:
Keep in mind that this is also valid:
To send custom goals, you would need HockeyStack to be already loaded in the page. To make sure, you can define it as an empty object before the page loads or add a try-catch block around the goal method. See the disclaimer in for more details.Custom goals currently fully support String and Number variables as properties. You can also send Arrays or Objects, but you wouldn't be able to use the full functionalities of custom goals in the HockeyStack dashboard.
After you send your custom goals, you can analyze them in your HockeyStack dashboard just like any other action.
Without any other configuration, custom goals show up in the Users page:
In order to track them as actual goals, there is one more step. Go to Goals, and click + at the top right corner. In your definition, choose Custom Goals. HockeyStack will list all the custom goals that you send to it here. You can choose whichever you want and define it as a normal goal.
This is optional, but you can also filter your custom goals through their properties. Click + property and choose from the properties that HockeyStack detected automatically.
