[Just In Time Messages] Add UTM params and analytics to JITM Call to Action

[joshheald]

Closes: #7855

Description

#7973 Added the call to action button to a Just in Time Message, but didn't tackle the analytics for tapping it, nor adding the UTM parameters to the URL if it was for a woocommerce.com link.

This PR resolves those two outstanding items

Testing instructions

N.B. see pdfdoF-1uc-p2#comment-2581 for details of setting up your store to be eligible for the test JITM

UTM params

• utm_medium: woo_ios
• utm_campaign: jitm_group_{FEATURE_CLASS} i.e. jitm_group_woomobile_ipp
• utm_source: my_store
• utm_term: Blog ID
• utm_content: jitm_{JITM_ID} i.e. jitm_woomobile_ipp_barcode_users

With a US store that is eligible for the test JITM, on a debug/alpha build of the app

1. Put a breakpoint on the webview view model creation line, or attach the web inspector to your device/simulator
2. Open the app
3. Observe that the message is shown
4. Tap the CTA
5. Observe in the debugger/inspector that the URL has the expected UTM parameters

Analytics event

• Track *_jitm_cta_tapped event
• with props jitm_group: {FEATURE_CLASS}, jitm_id: {JITM_ID}, source: my_store

1. Follow the above steps and observe the event printed in the debug output.
2. Check the Live View in Tracks to see the event.

Screenshots

UTM Parameters

Analytics event

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[wpmobilebot]

You can test the changes from this Pull Request by:

• Clicking here or scanning the QR code below to access App Center
• Then installing the build number pr7991-4abfd84 on your iPhone

If you need access to App Center, please ask a maintainer to add you.

[pachlava]

Everything worked as you describe @joshheald. I could see the track event with mentioned props, and also the request with the expected params:

I have a question not related to the PR. It looks like Add products to sell banner, that is shown in My store when there are no products, has a precedence over JITM banner. However, once the banner is tapped, and the product had been added, it won't be shown again. I'd expect JITM banner to appear there after screen reload, but it only happens if I switch the store. Is this something known? Thanks!

Screen.Recording.2022-11-01.at.14.48.43.mov

[joshheald]

Thanks @pachlava!

I have a question not related to the PR. It looks like Add products to sell banner, that is shown in My store when there are no products, has a precedence over JITM banner. However, once the banner is tapped, and the product had been added, it won't be shown again. I'd expect JITM banner to appear there after screen reload, but it only happens if I switch the store. Is this something known? Thanks!

I hadn't actually tested this yet, but it's not a surprise. Similarly, we don't refresh the JITM except for a full relaunch of the app, logging out and back in, or switching stores, so it could be very out of date in a realistic scenario. This is because we currently do it on viewDidLoad.

I'm going to sync the JITM with the same refresh behaviour as the rest of the screen in a future PR, but I'll also make sure to sync it after the products banner is dismissed. Thanks for pointing it out!

[toupper]

ILGTM! 🎉