Creating Events

Event Types

Tracking user behavior with Userpilot is a piece of cake. You can create three types of events in Userpilot:

1. Feature Tags - no code events
2- Tracked Events - code events
3- Custom events - a combination of events

Feature Tags VS Tracked events

Feature tags allow you to tag certain elements in your web app that you would like to track, without any interference with your dev team.
Tracked events can be passed through the JS snippet by calling userpilot.track(‘the event name’) whenever users take important actions in your web app.

But before you start, you must make sure that you have installed the Userpilot Chrome extension to use the editor.

Creating Features and Events

1. Feature tags

Once you've successfully installed the Userpilot builder, you can fire it by heading over to the Features & Events tab and click on the ' Create event' button on the top-right. Enter the URL where you want to tag your feature and then click on the 'Create' button.

Once it's fired up, the builder will pop up on the bottom of your screen.

Maneuver to the page you want to tag the feature on then click ' Tag an element' on the right-hand side of the bottom bar. This will move you to target mode, you'll notice that a highlighted rectangle follows the cursor around the screen to help you understand what the tag is capturing. The Userpilot builder is picking up every element in your app that you might want to attach the feature to.

Pro tips:

You can exit the element target mode by pressing the escape key.
You can capture clicks on multiple elements by choosing the parent that contains them.

After you've selected the desired element, a sidebar will be displayed that has the interaction types. You can choose to track users' clicks, hovers, or even text input.

You can even be more specific about the element you're attaching the feature to, by enabling the 'Manual detection' option from the 'tagged element' option. Once enabled, you'll be given the ability to change the CSS selectors for the tagged element in Userpilot.

2. Tracked Events

By clicking the 'Create Event' button and heading to 'Tracked Event' you will be able to name an event and copy the script to track event in your web app and share it with your dev team. It is very simple and quick to implement, so it won't take much time to include the snippet in your code. Once the event is passed, you can find all the analytics in the overview tab and utilize them in other Userpilot content such as Flows, Checklists and Goals.
Pro tip: Passing metadata with tracked events would take your content triggering on a whole new level

3. Custom Events

You can use the custom event to group multiple events into one group. To create a custom event, simply add a name for the event and select the events that you would like to include. When ANY of the events you specified occur, the custom event will match. Once you save the custom event, you can see analytics related to these events, and you can also utilize custom events in Goals.

Next steps: Leverage your features targeting.