[RocketCDN One Click Checkout] - Add tracking for RocketCDN upsell banner view and CTA click events by Miraeld · Pull Request #8130 · wp-media/wp-rocket

Miraeld · 2026-03-06T00:33:14Z

Description

Fixes #8129
Add tracking for RocketCDN upsell banner view and CTA click events

Implemented trackRocketCDNUpsellBannerViewed function to track when the upsell banner is viewed using Mixpanel.
Implemented trackRocketCDNUpsellCTAClicked function to track when the upsell CTA is clicked using Mixpanel.
Added event listeners for upsell banner view and CTA click to trigger the respective tracking functions.

Type of change

Enhancement (non-breaking change which improves an existing functionality).

Detailed scenario

What was tested

Tracking

How to test

Upsell banner view + cta click should trigger tracking

Affected Features & Quality Assurance Scope

Mixpanel

Technical description

Documentation

This pull request adds event tracking for RocketCDN upsell interactions using Mixpanel in the src/js/global/rocketcdn.js file. The main focus is to track when users view the upsell banner and click the upsell call-to-action (CTA), helping improve analytics and user engagement insights.

Event Tracking Enhancements:

Added a trackRocketCDNUpsellBannerViewed function to track when the RocketCDN upsell banner is displayed, sending relevant context and user identification to Mixpanel.
Integrated a call to trackRocketCDNUpsellBannerViewed when the big CTA is shown, ensuring banner views are tracked at the correct interaction point.
Added a trackRocketCDNUpsellCTAClicked function to track when the upsell CTA button is clicked, including user and context data in the Mixpanel event.
Registered a click event listener on the upsell CTA button to trigger Mixpanel tracking for CTA clicks.

Mandatory Checklist

Code validation

I validated all the Acceptance Criteria. If possible, provide screenshots or videos.
I triggered all changed lines of code at least once without new errors/warnings/notices.
I implemented built-in tests to cover the new/changed code.

Code style

I wrote a self-explanatory code about what it does.
I protected entry points against unexpected inputs.
I did not introduce unnecessary complexity.
Output messages (errors, notices, logs) are explicit enough for users to understand the issue and are actionnable.

Unticked items justification

No test for js

- Implemented `trackRocketCDNUpsellBannerViewed` function to track when the upsell banner is viewed using Mixpanel. - Implemented `trackRocketCDNUpsellCTAClicked` function to track when the upsell CTA is clicked using Mixpanel. - Added event listeners for upsell banner view and CTA click to trigger the respective tracking functions.

Copilot

Pull request overview

Adds Mixpanel analytics for RocketCDN upsell interactions in the WP Rocket admin UI, so the team can measure upsell banner exposure and CTA engagement.

Changes:

Track “RocketCDN Upsell Banner Viewed” when the big RocketCDN upsell CTA is revealed.
Track “RocketCDN Upsell CTA Clicked” when the upsell CTA button is clicked.
Update the built admin bundle (wpr-admin.min.js) to include the new tracking logic.

Reviewed changes

Copilot reviewed 1 out of 4 changed files in this pull request and generated 4 comments.

File	Description
src/js/global/rocketcdn.js	Adds Mixpanel tracking functions and hooks them to upsell banner reveal + CTA click.
assets/js/wpr-admin.min.js	Rebuilt/minified admin bundle reflecting the new RocketCDN tracking logic.

codacy-production · 2026-03-06T00:42:05Z

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
✅ +0.00% (target: -0.10%)	✅ ∅ (target: 50.00%)

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (`2e0dc67`)	42555	19394	45.57%
Head commit (`04a6094`)	42555 (+0)	19394 (+0)	45.57% (+0.00%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#8130)	0	0	∅ (not applicable)

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings Change summary preferences

- Updated ESLint environment to include 'browser'. - Modified button click event to track CTA clicks more accurately. - Added a delay before navigation to ensure Mixpanel events are sent. - Refactored Mixpanel tracking functions for better reusability and clarity. - Consolidated tracking logic for upsell banner views and CTA clicks.

# Conflicts: # assets/js/wpr-admin.js # assets/js/wpr-admin.min.js # src/js/global/rocketcdn.js

hanna-meda · 2026-03-09T08:43:15Z

Thanks, @Miraeld, for this PR.

While testing, after enabling data analytics, I couldn’t see any events being sent to Mixpanel when a user lands on the CDN tab with the Upsell RocketCDN banner present, nor when clicking the “Get Started” CTA from it.
Could you have another look at this?

- Fix bug where tracking function returned early without calling mixpanel.track() - Add banner view tracking on page load for both small and big banners - Ensure events are sent when user lands on CDN tab - Ensure events are sent when clicking Get Started CTA

Miraeld · 2026-03-09T10:22:48Z

Hello @hanna-meda ,
Can you please re-check with latest commit,
I'm getting this debug (added just for the manual test before asking you to check, so you won't have these debug lines). It works for me :)

hanna-meda · 2026-03-09T11:12:42Z

@Miraeld,

I can see that events are now being sent to Mixpanel, but it appears they are sent regardless of the user’s consent for Data Analytics.

As shown in the screenshot below, both “RocketCDN Upsell CTA Clicked” and “RocketCDN Upsell Banner Viewed” events are still being sent even after the user has turned off Data Analytics.

- Update rocket_mixpanel_data.optin_enabled immediately when user toggles analytics checkbox - Ensures tracking events are only sent when user has given consent - Prevents events from being sent after user disables Data Analytics

Miraeld · 2026-03-09T11:59:52Z

@hanna-meda My bad, here you go.

hanna-meda · 2026-03-11T14:04:36Z

@Miraeld, I'm not seeing any RocketCDN upsell banner-related events being sent to Mixpanel now, with the latest changes 🤔
[Later edit] I can see the events, but only when I check out the branch, not when I use the zip from this PR.

hanna-meda · 2026-03-11T14:33:01Z

Confirming that this is now working as expected. The “RocketCDN Upsell CTA Clicked” and “RocketCDN Upsell Banner Viewed” events are sent on page view and CTA click, and they stop being sent when data analytics is turned off.

The only remaining thing is to see why the events aren’t sent when using the ZIP from the PR.

codacy-production · 2026-03-13T10:38:03Z

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
Report missing for `cab46c3`¹	✅ ∅ (target: 50.00%)

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (`cab46c3`)	Report Missing	Report Missing	Report Missing
Head commit (`17e9435`)	42557	19395	45.57%

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#8130)	0	0	∅ (not applicable)

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings Change summary preferences

Codacy didn't receive coverage data for the commit, or there was an error processing the received data. Check your integration for errors and validate that your coverage setup is correct. ↩

Miraeld requested a review from Copilot March 6, 2026 00:33

Miraeld added the module: CDN label Mar 6, 2026

Copilot started reviewing on behalf of Miraeld March 6, 2026 00:33 View session

Copilot AI reviewed Mar 6, 2026

View reviewed changes

Comment thread src/js/global/rocketcdn.js Outdated

Comment thread src/js/global/rocketcdn.js Outdated

Comment thread src/js/global/rocketcdn.js Outdated

Comment thread src/js/global/rocketcdn.js Outdated

Miraeld linked an issue Mar 6, 2026 that may be closed by this pull request

As a product manager, I need to have visibility on banners/actions performance #8129

Closed

jeawhanlee requested changes Mar 6, 2026

View reviewed changes

Comment thread src/js/global/rocketcdn.js

Comment thread src/js/global/rocketcdn.js

Apply feedback

e6cebea

jeawhanlee approved these changes Mar 6, 2026

View reviewed changes

wordpressfan added 2 commits March 9, 2026 09:49

Merge branch 'develop' into enhancement/add-rocketcdn-tracking

2aad604

# Conflicts: # assets/js/wpr-admin.js # assets/js/wpr-admin.min.js # src/js/global/rocketcdn.js

fix conflicts

5699220

Miraeld added 2 commits March 9, 2026 11:22

Update JS files

43a7541

wordpressfan assigned Miraeld Mar 13, 2026

Merge branch 'develop' into enhancement/add-rocketcdn-tracking

17e9435

wordpressfan added this pull request to the merge queue Mar 17, 2026

Merged via the queue into develop with commit 9ba327d Mar 17, 2026
15 checks passed

wordpressfan deleted the enhancement/add-rocketcdn-tracking branch March 17, 2026 16:38

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[RocketCDN One Click Checkout] - Add tracking for RocketCDN upsell banner view and CTA click events#8130

[RocketCDN One Click Checkout] - Add tracking for RocketCDN upsell banner view and CTA click events#8130
wordpressfan merged 9 commits into
developfrom
enhancement/add-rocketcdn-tracking

Miraeld commented Mar 6, 2026 •

edited by wordpressfan

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

codacy-production Bot commented Mar 6, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

hanna-meda commented Mar 9, 2026

Uh oh!

Miraeld commented Mar 9, 2026

Uh oh!

hanna-meda commented Mar 9, 2026

Uh oh!

Miraeld commented Mar 9, 2026

Uh oh!

hanna-meda commented Mar 11, 2026 •

edited

Loading

Uh oh!

hanna-meda commented Mar 11, 2026 •

edited

Loading

Uh oh!

codacy-production Bot commented Mar 13, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Conversation

Miraeld commented Mar 6, 2026 • edited by wordpressfan Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Type of change

Detailed scenario

What was tested

How to test

Affected Features & Quality Assurance Scope

Technical description

Documentation

Mandatory Checklist

Code validation

Code style

Unticked items justification

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

codacy-production Bot commented Mar 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Coverage summary from Codacy

See diff coverage on Codacy

See your quality gate settings Change summary preferences

Uh oh!

Uh oh!

Uh oh!

hanna-meda commented Mar 9, 2026

Uh oh!

Miraeld commented Mar 9, 2026

Uh oh!

hanna-meda commented Mar 9, 2026

Uh oh!

Miraeld commented Mar 9, 2026

Uh oh!

hanna-meda commented Mar 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

hanna-meda commented Mar 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codacy-production Bot commented Mar 13, 2026

Coverage summary from Codacy

See diff coverage on Codacy

See your quality gate settings Change summary preferences

Footnotes

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Miraeld commented Mar 6, 2026 •

edited by wordpressfan

Loading

codacy-production Bot commented Mar 6, 2026 •

edited

Loading

hanna-meda commented Mar 11, 2026 •

edited

Loading

hanna-meda commented Mar 11, 2026 •

edited

Loading