Stats: Improvements to video stats

[thedebian]

Changes proposed in this Pull Request

This PR updates video stats to add watch time and impressions.
It also changes "plays" to "views" and fixes some existing issues with Video stats.

Testing instructions

• On a sanboxed public-api
• Apply D79611-code
• Apply this PR
• Open your Calypso backend
• Select the "Stats" menu
• ✅ The "video stats" section should work.
• Click on the video stats
• ✅ You should see a list of video stats for the selected period
• ✅ You should be able to click on "Download CSV" and generate a CSV from the visible stats
• On a stat line, click on the video title
• ✅ You should be redirected to the media item in the Media library
• Go back
• Click on each stats (views, impressions and hours watched)
• ✅ Each stat should redirect to the appropriate stat section (with some bars)
• ✅ The stats should match
• ✅ The stats should reflect your currently selected time period
• ✅ Using the "year" time period, the graph should display month-by-month
• ✅ Using another time perios, the graph should be daily

Related to Automattic/greenhouse#1170

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-32383

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-32383&env=jetpack

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~1042 bytes added 📈 [gzipped])

name                parsed_size           gzip_size
stats                   +4317 B  (+0.6%)    +1056 B  (+0.6%)
home                     +140 B  (+0.0%)      +19 B  (+0.0%)
google-my-business       +140 B  (+0.0%)      +19 B  (+0.0%)
posts-custom              -36 B  (-0.0%)      -14 B  (-0.0%)
posts                     -36 B  (-0.0%)      -14 B  (-0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~19 bytes added 📈 [gzipped])

name                                       parsed_size           gzip_size
async-load-store-app-store-stats-listview       +140 B  (+0.3%)      +19 B  (+0.1%)
async-load-store-app-store-stats                +140 B  (+0.1%)      +19 B  (+0.0%)
async-load-calypso-my-sites-sidebar             +140 B  (+0.1%)      +19 B  (+0.1%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[thedebian]

Code review seems 👍

[jgcaruso]

Errant TODO - not sure we planned to do this or it was copy-pastad?

[roundhill]

Probably 🍝 ?

[roundhill]

Verified that it was copied, removed in 5ef4172

[jgcaruso]

Looks good!

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/7279210

Hi @thedebian, could you please edit the description of this PR and add a screenshot for our translators? Ideally it'd include this string: Hours Watched

Thank you in advance!

[a8ci18n]

Translation for this Pull Request has now been finished.