TASK Add support for UTM parameters

[thejhh]

Goal

We need to find out which advertising campaigns are working by tracking our ads, but we want to do this in a way that respects our users' privacy and security.

We don't use tools like Facebook's Pixel or Google Analytics because we don't want to track our users or let others do it on our website. We also avoid using cookies for tracking.

Our solution should be simple: it should capture and save UTM parameters when a user visits our site through an ad. If that visit leads to an order, we want to send this info along with the order to our backend.

This approach helps us keep our website secure, especially since our customers use it to access sensitive data.

Requirements

• Privacy and Security: Our approach must protect user privacy and our website's security.
• Data Capture: We need to grab and save UTM parameters efficiently, without slowing down the website or bothering our users.
• Data Association: We want to link the captured UTM data with orders, so we can see which ads are effective.

Success Criteria

• We can accurately capture and save UTM parameters when people visit from ads.
• We can attach UTM data to orders and send it to the backend without issues.
• We can start to analyze which ad campaigns are successful based on this UTM data.

Subtasks

• [x] Write a service in the frontend (ReactJS) to pull UTM parameters from the URL when someone lands on our site from an ad.
• [x] Save these UTM parameters in the browser's local storage, so we don't need cookies. We're looking to capture: utm_source, utm_medium, utm_campaign, utm_term, and utm_content.
• [x] Expire stored UTM values after 6 months
• [x] Change the order process to include UTM data from local storage when placing an order.
• [x] Set up an endpoint in the backend (NodeJS) to take in orders with UTM parameters.
• [x] Make sure to extract and save this UTM data in our system, associating it with the right order. For now, we can just log this data for basic analysis.

[thejhh]

You can enable this on Facebook ad by editing URL parameters like this: utm_source={{site_source_name}}&utm_medium=social&utm_campaign={{campaign.name}}&utm_content={{adset.name}}&utm_term={{ad.name}}

It's also possible to add these to the post ad, but not directly; the ad must be edited later from the ad manager.