Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jetpack pricing page: Fix lightbox checkout button tracks event #71147

Merged
merged 1 commit into from
Dec 13, 2022

Conversation

elliottprogrammer
Copy link
Contributor

@elliottprogrammer elliottprogrammer commented Dec 13, 2022

Proposed Changes

On the pricing page, in the lightbox, there's a "Proceed to checkout" button which had a misspelled tracks event.

The event before (mispelled):
calyspo_product_lightbox_checkout_click

The event after (fixed):
calypso_product_lightbox_checkout_click

Since the tracking name prefix (calyspo_) was misspelled, this causes the event to be rejected and not work at all.

Testing Instructions

I would say that just a quick code inspection should be enough to test this PR.

Otherwise, if you really wanted to you could:

  • Checkout this PR and spin up calypso green (yarn start-jetpack-cloud)
  • Go to http://jetpack.cloud.localhost:3000/pricing/
  • Open your browser console and enter, localStorage.setItem( "debug", "calypso:analytics" );
  • Reload the page, view your console to confirm that you are now receiving Tracks event information.
  • On any product, click the "More about {product_name}" link. Lightbox will open.
  • Clear out your console (cmd + k)
  • Click the "Proceed to checkout" button.
  • Verify in the console that you see the calypso_product_lightbox_checkout_click event fires.
  • For reference, if needed: Detailed steps on How to See Calypso Tracks Events Fire in Real Time: PCYsg-cae-p2

Pre-merge Checklist

  • Has the general commit checklist been followed? (PCYsg-hS-p2)
  • Have you written new tests for your changes?
  • Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
  • Have you checked for TypeScript, React or other console errors?
  • Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
  • Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
  • For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

Related to # p1670949293983369/1670944038.246039-slack-C03RCHNVC0H

@elliottprogrammer elliottprogrammer added Jetpack [Feature] Tracks Metrics & Monitoring Capturing analytics about user behavior on WordPress.com. Jetpack Cloud Anything related to the Jetpack Cloud (cloud.jetpack.com) [Feature] Pricing Feedback related to the pricing structure of WordPress.com's plans and services. labels Dec 13, 2022
@elliottprogrammer elliottprogrammer self-assigned this Dec 13, 2022
@elliottprogrammer elliottprogrammer requested a review from a team December 13, 2022 17:19
@matticbot matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Dec 13, 2022
Copy link
Contributor

@vikneshwar vikneshwar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested it, and the event is fired correctly with the mentioned string on checkout from lightbox. LGTM.

@elliottprogrammer elliottprogrammer merged commit e4e6536 into trunk Dec 13, 2022
@elliottprogrammer elliottprogrammer deleted the fix/lightbox-checkout-button-tracks branch December 13, 2022 19:15
@github-actions github-actions bot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Dec 13, 2022
@matticbot
Copy link
Contributor

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Pricing Feedback related to the pricing structure of WordPress.com's plans and services. [Feature] Tracks Metrics & Monitoring Capturing analytics about user behavior on WordPress.com. Jetpack Cloud Anything related to the Jetpack Cloud (cloud.jetpack.com) Jetpack
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants