Add feature usage observer

[cristian-ungureanu]

Summary

Monitor the usage of various features across Customizer, Modules, etc. for people who allow tracking.

Will affect visual aspect of the product

NO

Testing

Note

Test together and read some additional info on https://github.com/Codeinwp/neve-pro-addon/pull/2667 .

Warning

Install the latest version of Otter. The base tracking package is not in this build.

Make sure that that page does not crash. This update should not modify any functionality.

⚠️ Make sure to have Tracking on.

Important

While you test the options (Customizer, dashboard) , some events will be registered. Once you make sure that the functionality is not affected, post the URL of you instance so I can check if the events have been received.

Check before Pull Request is ready:

• I have written a test and included it in this PR
• I have run all tests and they pass
• The code passes when running the PHP CodeSniffer
• Code meets WordPress Coding Standards for PHP, HTML, CSS and JS
• Security and Sanitization requirements have been followed
• I have assigned a reviewer or two to review this PR (if you're not sure who to assign, we can do this step for you)

Closes https://github.com/Codeinwp/neve-pro-addon/pull/2667

[pirate-bot]

Plugin build for ac72d42 is ready 🛎️!

• Download build

[cristian-ungureanu]

How to set up the dummy server.

ℹ️ You will need Node/Bun with MongoDB (preferably with Docker)

Server script: https://pastebin.com/1VVwEE9i | package.json script: https://pastebin.com/nAdydQHQ

Install with npm ci and run with node server.js or bun server.js

For mongo, open docker and run this command:

docker run -d --name tracking-db-mongo -p 27017:27017 -e MONGO_INITDB_ROOT_USERNAME=admin -e MONGO_INITDB_ROOT_PASSWORD=admin mongo

You will need to create a database with name neve and a collection with name tracking. If you use the Mongo Compass app this can be done by pressing the plus button in the top-left area near the Databases label.

Other info

JS tracking script: https://github.com/Codeinwp/themeisle-sdk/blob/fix/tracking/assets/js/src/tracking.js

PHP tracking script: https://github.com/Codeinwp/neve/blob/feat/track/inc/core/tracker.php

JS Script usage.

Use set function to set an event and a key that allows you to change it. Use this when you want the event to have the last values.

Use add function for things that do not change frequently or to register unique events. This function uses the set function, and the key is the hash of the object.

ℹ️ Consult the source code to see different options for those functions.

Use start, stop, refresh to start an interval for sending an event once in 5 minutes. This is not usually necessary since events are sent automatically when the user exits the page or saves the post in Post Editor.

[HardeepAsrani]

LGTM, we can update the endpoint with the live one after testing.

[pirate-bot]

🎉 This PR is included in version 3.8.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀