Sharing: Differentiate between the Edit and More button clicks in Tracks

[sixhours]

Changes proposed in this Pull Request

• We currently log the "Edit sharing buttons" and "Add “More” button" as a single click event in Tracks, but it would be helpful to know if people are using one but not the other. This PR checks the visibility property of the button component to determine which button is being clicked.

Testing instructions

• Switch to this PR
• Navigate to /marketing/sharing-buttons/
• Open the browser inspector and copy and paste the following into your browser console so you can see Tracks events fire in real time: localStorage.setItem( 'debug', 'calypso:analytics*' );. Hit Enter, then refresh the page.
• Click on the "Edit sharing buttons" button and check the console; you should see an event fire named calypso_sharing_buttons_edit_button_click
• Close the panel and click on the "Add "More" button" button and check the console; you should see an event fire named calypso_sharing_buttons_more_button_click

Fixes #32226

[matticbot]

Test live: https://calypso.live/?branch=update/tracks-events-sharing-buttons

[matticbot]

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

Sections (~19 bytes added 📈 [gzipped])

name       parsed_size           gzip_size
marketing       +164 B  (+0.0%)      +19 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.

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.

[donpark]

LGTM