Setting Goals in Flowgrid
Learn how to set up goal tracking to measure conversions and user actions on your website
What are Goals?
Goals allow you to track specific user actions and conversions on your website. When a user clicks an element with a data-goal attribute, Flowgrid captures this event along with metadata like campaign parameters, referrer information, and user agent data.
Introduction to Goal Tracking
Goal tracking helps you measure the success of your marketing campaigns and user engagement. By adding the data-goal attribute to interactive elements, you can track when users complete specific actions.
Install the Client into your app
Once successfully Creating a project you can now start setting up goals to track user conversions and actions
Common use cases for goals:
- Track newsletter signups and form submissions
- Measure button clicks that lead to conversions
- Monitor engagement with key call-to-action elements
- Track downloads, purchases, or other valuable actions
- Measure campaign effectiveness and ROI
Important Note:
In order to get started make sure You have the initial script mentioned in the introduction and the OSS Client, make sure that both of these scripts are embedded into your app, this will allow you to track goals accurately
Pro Tip:
Use descriptive goal names that clearly identify the action being tracked. This makes it easier to analyze your data and understand user behavior patterns.
Implementation Examples
1<!-- Wordpress, Webflow, Shopify and Framer example -->
2<!-- This will work for almost any other javascript framework too -->
3
4<button data-goal="learn-our-story">
5 Learn Our Story
6</button>
7
8<a href="/contact" data-goal="contact-us-click">
9 <button>Contact Us</button>
10</a>
11
12<div data-goal="newsletter-signup">
13 <input type="email" placeholder="Enter your email" />
14 <button type="submit">Subscribe</button>
15</div>
16 Note:
Choose goal names that are descriptive and consistent. For example, use newsletter-signup instead of click1.
Goal tracking is disabled on localhost. CORS policies ensure only whitelisted sites send data, so local requests will fail and no data is sent to your dashboard during development.
Verify Goal Tracking
Within projects dashboard navigate to the analytics view, where you can see goal conversion charts and track the performance of your goals over time.
Take Note of:
Goals are tracked on click events only. Make sure your goal elements are clickable (buttons, links, or elements with click handlers).