openfoodfacts/openfoodfacts-server

Log key events of the web version of Open Food Facts in Matomo

Open

#8,191 opened on Mar 13, 2023

View on GitHub
 (5 comments) (0 reactions) (0 assignees)Perl (477 stars) (236 forks)batch import
JavaScriptgood first issueimage deletionmatomomonitoring⏰ Stale🎯 P1

Description

  • Ensure that Matomo event names for Mobile and the Web are the same, whenever possible

Using https://github.com/openfoodfacts/openfoodfacts-server/pull/13163 as a template, implement the following Matomo event:

Tasks

Donation

  • Add Matomo event for User clicking/interacting with on the donation widget embed within the donate.html page

Account signup / management

  • Add Matomo event for User clicking on account deletion - we can try to see if we can guess what caused it (eg: missing Scores, attempt to do something that failed)
  • Add Matomo event for Completed sign-up - ensure the signup form is working well

Virality

Contribution

  • Add Matomo events for each section of the Edit page in Matomo, Clicking save as well, to see how many people give up

Knowledge panels

  • Add Matomo events for knowledge panel interaction (unfolding…)

Navigation

  • Add Matomo event for hovering on black bar menus (user menu, tools menu, language/country menu)
  • Add Matomo event for the "Explore by" button
  • Add Matomo event for the "Sorting by" button
  • Add events to visits to key pages (Nutri-Score, NOVA, Eco-Score, Contribute, Discover)

App install

  • Add Matomo event for clicking on the Google Play button
  • Add Matomo event for clicking on the Apple App Store button

Personal search

  • Add Matomo event for enabling the personal ranking button
  • (P0) (Warning: JS wizardry) Add Matomo events for Actual interaction with food preferences (we can anonymize the values, or even the attributes, but my question is: do people tweak the scoring, if so for which reasons)

Add Matomo events for the Producer platform

  • (P0) Add Matomo events for "Import images" in the Producer platform
  • (P0) Add Matomo events for "Import files" in the Producer platform

Scores impact

Editing events

  • (P0) Add Matomo event for uploading an image
  • (P0) Add Matomo event for cropping an image
  • (P0) Add Matomo event for unselecting an image
  • (P0) Add Matomo event for launching ingredients OCR
  • Add Matomo event for selecting a given field
  • Add Matomo event for typing in a given field
  • Add Matomo event for adding a new language tab
  • (P0) Add Matomo event for clicking the Product taken off the market box
  • Add Matomo event for opening the manage images section
  • Add Matomo event for moving pictures to OBF/OPF/OPFF
  • Add Matomo event for deleting images
  • Add Matomo event for changing main language
  • Add matomo event for the Remove all nutrition values button
  • Add matomo event for Photos and data checked
  • Add matomo event for clicking in the "Changes summary" field
  • Add Matomo event for opening Nutri-Patrol

Part of

  • Better understanding users

Contributor guide

Tech stack
javascript
Domain
frontendanalytics
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
over 1 week
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
JavaScriptMatomo trackingOpen Food Facts web codebaseBasic HTML
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Start by studying the reference PR #13163 to understand the pattern for adding Matomo events. Then examine the relevant frontend files such as donate.html and the Edit page templates to identify where to insert tracking calls. Also review the existing Matomo configuration in the repository to ensure consistency with mobile event names.
Log key events of the web version of Open Food Facts in Matomo · openfoodfacts/openfoodfacts-server#8191 | Good First Issue