Why define goals using the selector?

Although defining goals using the button text is much easier, sometimes it is not feasible.

  1. If there isn't a text on the element you want to define as a goal
  2. If the same text is used by multiple different elements on the same page and you only want to select one.

In other cases, we advise non-technical users to define their goals using text.

How to get the CSS selector of a button

  1. Hover the cursor over the button you want to define as a custom action and right-click the mouse to select inspect.

    https://hockeystack.zendesk.com/hc/article_attachments/360020095698/Ekran_Grnts__237_.png

  2. Right-click on the highlighted code. Select Copy > Copy selector

    https://hockeystack.zendesk.com/hc/article_attachments/360020095718/Ekran_Grnts__240_.png

  3. Paste it into the 'CSS Selector' in the Goals tab of your dashboard

    https://hockeystack.zendesk.com/hc/article_attachments/360020762497/Ekran_G_r_nt_s___679_.png