Overview
The Daily Goal Tracker dashboard widget helps users track a single, recurring goal every day using a donut-shaped progress tracker. Each time the user completes an activity in your app, the tracker fills up creating a simple, satisfying experience of progress towards achieving their goal.
📌 This widget is available for mobile applications only.
Step 1: Add the Daily Goal Tracker widget to your Dashboard
1. In Cogniss Creator, navigate to Dashboard in the left sidebar.
2. Click on Add new widget in the top right of the page.
3. In the Dashboard widgets library, search for the Daily Goal Tracker widget and click Add. Return to the Dashboard by clicking on the cross in the top right.
4. The Daily Goal Tracker widget will now be on your Dashboard and ready for you to configure as needed.
5. Click Save Changes at the bottom of the page.
Step 2: Configure the Daily Goal Tracker widget
The Daily Goal Tracker dashboard widget is made up of three components:
Max - the maximum number of activities the user needs to complete for their daily goal to be achieved. This would generally be aligned with the number of increment criteria you configure.
Milestone Type - select a milestone for your goal from percentage, count, image, or text.
Increment Criteria - the behavior that triggers progress towards achieving the daily goal.
1. To set up a daily goal for your app users, first update the Max field. This should represent the number of activities that the user needs to complete for the daily goal to be achieved.
2. In Milestone type, click on the dropdown and select from Percentage, Count, Image, or Text. If selecting Image or Text, you will be prompted to add a milestone. Here you simply upload your image or add your text. An explanation of each Milestone type can be found below:
Percentage | The Percentage milestone type enables users to track goal completion as a percentage based on the number of criteria met.
It is recommended to use this milestone type when the goal has a known total and ongoing progress towards accomplishing the goal is useful to visualize. |
Count | The Count milestone type enables users to see how many times the goal criteria has been met. For example, if you have 4 as the Max and a users meets 2 criteria the widget will display 2, and the donut will appear half filled.
It is recommended to use this milestone type when the goal is to track repetitions or completions of an activity. |
Image | The Image milestone type enables users to view a different image as they make progress towards achieving their goal (e.g, badges, icons, or parts of a larger picture). For example, if you have 5 as the Max, you could show Image 1 at count 1, Image 2 at count 2, and so on, with each image appearing as a count of the number of criteria achieved.
It is recommended to use this milestone type when you want to display visual feedback that is motivational to your users. |
Text | The Text milestone type enables users to view a different text label as they make progress towards achieving their goal. Like the Image milestone, you can display different text to users, such as "Well done!", "Keep going", or "You did it!" at each criteria achieved.
It is recommended to use this type when you want to display encouragement or updates as users progress towards achieving their goal. |
3. Next, click Increment criteria and configure your goal criteria. In Type, select from Sequential, Count, or Streak.
Sequential | This criteria type checks if a count must be met in sequence. If any activity, question response, or event fails to meet the criteria, the count is reset. |
Count | This criteria type is based on summing all activity responses, question responses, or events that meet the criteria. |
Streak | This criteria type determines if a count must be met across unique days rather than multiple activity and question responses or events within the same day counting towards the count. You can learn more about applying behaviors to streaks here. |
4. In the Model dropdown, select from Activity Response, Question Response, Navigation, or Event.
Activity Response | This criteria is based on the user's overall score in the activity, categorized by ranges such as greater than, less than, or equal to a specific value. |
Question Response | This criteria is based on the user's answer to a specific question. |
Post | This criteria is triggered by the user when they engage with the Community / Newsfeed feature, such as by posting and commenting. |
Event | The event criteria specifies the type of user action required within the app to meet certain criteria. |
You can refer to the Behaviors Overview article for further information on configuring the criteria found in each Model.
5. Click Add criteria to add further criteria for the daily goal achievement.
6. Once you have updated the widget, click Save Changes at the bottom of the page.
7. Open your app to preview your Daily Goal Tracker widget and to test that it works as expected, by completing the relevant tasks or actions.