Analytics information for frequently visited links in the Projects/Groups menus

Proposal

Verifying the instrumentation of (and instrumenting any gaps) the frequently visited links in the Projects/Groups menus

Goals

  • Observe interactions taken on the frequently viewed list to help validate/support the need of redesigning the start page and navigation layout &4413

Future purpose

  • Observe what gets more activity versus "Recently viewed" vs "Frequently viewed". My hypothesis is that "Recently viewed" is more useful and thus might give us grounds to reevaluate the placement/usage of "Frequently viewed" in favour of something like "recently viewed" #275967 (closed) or bookmarking/favouriting #271216 (closed) which would be tied to user profile instead of local storage.

Dashboard

A placeholder dashboard to explore the related analytics has been created here:

https://app.periscopedata.com/app/gitlab/775546/Navigation-&-Settings-Project-Menu-Analytics-Dashboard

Tracking Details

See https://docs.gitlab.com/ee/development/product_analytics/snowplow.html#tracking-in-haml-or-vue-templates for description of values in this table.

Dropdown track_label track_event Location in code
Projects projects_dropdown (NOTE: event already exists) click_dropdown HAML: app/views/layouts/nav/_dashboard.html.haml
Projects projects_dropdown_your_projects click_link HAML: app/views/layouts/nav/projects_dropdown/_show.html.haml
Projects projects_dropdown_starred_projects click_link HAML: app/views/layouts/nav/projects_dropdown/_show.html.haml
Projects projects_dropdown_explore_projects click_link HAML: app/views/layouts/nav/projects_dropdown/_show.html.haml
Projects projects_dropdown_frequent_items_search_input type_search_query Vue: app/assets/javascripts/frequent_items/components/frequent_items_search_input.vue
Projects projects_dropdown_frequent_items_list_item click_link Vue: app/assets/javascripts/frequent_items/components/frequent_items_list_item.vue
Groups groups_dropdown (NOTE: event already exists) click_dropdown HAML: app/views/layouts/nav/_dashboard.html.haml
Groups groups_dropdown_your_groups click_link HAML: app/views/layouts/nav/groups_dropdown/_show.html.haml
Groups groups_dropdown_explore_groups click_link HAML: app/views/layouts/nav/groups_dropdown/_show.html.haml
Groups groups_dropdown_frequent_items_search_input type_search_query Vue: app/assets/javascripts/frequent_items/components/frequent_items_search_input.vue
Groups click_link groups_dropdown_frequent_items_list_item Vue: app/assets/javascripts/frequent_items/components/frequent_items_list_item.vue

Implementation Details

See !39638 (diffs) for examples of implementing tracking calls on the frontend and backend.

Edited by Chad Woolley