Sharing: create a "Sharing Buttons" block

[andrewserong]

Related Epic: #31920

Related to #19659 (essentially the same task for the Like button feature)

This issue is to implement a simple MVP server side rendering block for the "Share this" feature that gets automatically appended to the end of post content. Ideally in full site editing, a user should be able to place this feature where they like within a template part.

As an example, the below screenshot is a mock up of moving out the Like button feature to a Footer template part. Here, it's clear that it would be good for the user to also be able to place the "Share this" feature elsewhere within the page:

Tasks

• Create a block for the Sharing feature (and come up with a clear name for it)
  • In the editor, use a static approximation of the feature
  • On the front end, add a server side render_block method that calls the existing sharing_display method
• If an FSE theme is active, prevent the automatic sharing_display from appending the "Share this" feature to post content (it's registered against the_content filter here, and the logic lives here )
• Ensure the existing settings to hide the sharing feature on an individual post or globally, still applies to the block version

---

Tasks

Beta Give feedback

1. Create Sharing Beta (dummy) block #34050
   [Block] Sharing Buttons [Feature] Sharing [Type] Enhancement +3
   
2. Sharing block: add small polish #34085
   [Block] Sharing Buttons [Plugin] Jetpack +2
3. Sharing block: ensure that we do not load resources on the frontend unless needed #34108
   [Block] Sharing Buttons [Feature] Sharing [Focus] Performance [Pri] Normal [Type] Enhancement +5
   
4. Sharing block: hook new block buttons to Sharing_Service #34115
   [Block] Sharing Buttons [Feature] Sharing [Type] Enhancement +3
   
5. Sharing block: enhance block view #34116
   [Block] Sharing Buttons [Feature] Sharing [Type] Enhancement +3
   
6. Sharing Block: switch new block to production #34324
   [Block] Sharing Buttons [Feature] Sharing [Pri] Normal [Type] Enhancement +4
   
7. Sharing Block: update messaging in Jetpack Dashboard > Settings > Sharing to mention new block #34325
   Admin Page Customer Report [Block] Sharing Buttons [Feature] Sharing [Focus] Blocks [Focus] FSE [Pri] Normal [Status] Needs Design [Type] Enhancement +9
   
8. Sharing: add notice in wp-admin Sharing settings to explain that this doesn't impact the sharing block #34326
   [Feature] Sharing [Focus] FSE [Pri] Normal [Status] In Progress [Type] Enhancement +5
   
9. Sharing: add notice in Calypso Sharing settings to explain that this doesn't impact the sharing block #34327
   [Feature] Sharing [Focus] FSE [Pri] Normal [Type] Enhancement +4
   
10. Sharing Block: Fix icons not saving for Simple/Atomic #34521
    [Block] Sharing Button [Feature] Sharing +2
    
11. Sharing Block: Disable official buttons setting in Sharing Buttons block #34580
    [Block] Sharing Buttons [Feature] Sharing [Focus] Blocks +3
    
12. Sharing Block: Improve buttons event handling performance #34581
    [Block] Sharing Buttons [Feature] Sharing [Focus] Blocks [Focus] Performance +4
    
13. Sharing Block: publish CfT #34596
    [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing +3
    
14. Sharing Block: TODO list for v1 release #34726
    7 of 7
    [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Type] Enhancement +4
15. Sharing Block: Fix issues with duplicated blocks #35047
    Customer Report [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Focus] Blocks +5
    
16. Sharing Block: Add twitter icon support #35141
    Customer Report [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Focus] Blocks +5
    
17. Sharing Block: Investigate option to have plus button always visible #35143
    Customer Report [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Focus] Blocks +5
    
18. Add size control to sharing block #35267
    [Block] Sharing Button [Block] Sharing Buttons [Plugin] Jetpack [Type] Enhancement +4
    
19. Sharing Block: update support documentation #34621
    [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Pri] Normal [Type] Enhancement +5
    
20. Sharing Block: switch jetpack_sharing_enabled to false, when block added to the page #34575
    [Block] Sharing Buttons [Feature] Earn Blocks [Feature] Sharing [Focus] Blocks +4
    
21. Sharing Block: disallow adding multiples of same service type #35286
    [Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Pri] Low [Type] Bug +5
    

[jeherve]

Also in pdHDFB-8-p2

[lakellie]

Just noting that we had a user contact us requesting this functionality in 5648078-zen

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 5648078-zen
• 6169722-zen
• 7148193-zen

[jeherve]

Also suggested in pdHDFB-m-p2

[thekingsprojects]

Had a user confused by the lack of sharing buttons in their Query Loop block, expecting them to be available there: 6169722-zen

[Aurorum]

Came up in 7148193-zen

[jeherve]

Marking this as done. We'll iterate on this block in #35993.