✨ add validation for amp-social-share in amp-story

[amandine-trl]

Closes #40014
Enable amp-social-share component within amp-story-page.

Allowing the addition of a the native social sharing component within the body of an amp-story-page.
For example, this would allow us to add a highly visible call-to-action, such as "Share this content" on the final page of the story.

[CLAassistant]

All committers have signed the CLA.

[erwinmombay]

@ychsieh could you take a look at this?

[ychsieh]

Thanks for proposing the change! Could you include a screenshot and add the example html code in examples/amp-story?

[amandine-trl]

The screenshot corresponding to the added example

[ychsieh]

I built amp-story-social-share.html locally but cannot see the button shown in your screenshot. Could you double check?

[amandine-trl]

Hi,
I updated my example to add other cases than system share. Now, you should now be able to see at least the first three buttons.
I think you may not be able to see the button because the sharing function is not activated in your browser. If you use chrome you maybe can check the web-share flag and set it to enabled if its not.

[ychsieh]

Thanks for adding the examples. This opens flexibility for implementation of different types of CTA for sharing, but a systematical approach would be a new extension("amp-story-social-share") that 1) provide a default CTA UX that is similar to page-attachment(reusing CSS should be possible) to ensure UX quality 2) encapsulate the functionalities of amp-social-share. Please add a todo at least.

[amandine-trl]

Hi,
I wanted to check in regarding the status of the merge request. Could you please let me know if it's ready to be merged and if there’s an estimated timeline for when that might happen?

Thank you for your help!

[ychsieh]

You need owners approval. Adding @mszylkowski.