Jetpack: Missing like and social sharing buttons

[coreymckrill]

The current News site includes these buttons at the bottom of single posts, and the new design also incorporates them.

As noted in #21, Jetpack does not yet have site blocks for the Like feature or for the social sharing buttons. There's an issue for Likes, but I haven't been able to find one for the sharing buttons.

Until Jetpack creates these site blocks, the only way I can see to include these features in block templates would be to create a custom block that simply outputs a server-side render of the two features. Are there other options?

Also of note, the new design calls for several style changes to the Like button and related content (such as the row of avatars of users who have already liked). However, since all of that content gets loaded via an iframe, I suspect that most customization is not possible.

• Activate modules
• Fix "Like" broken loading state
• revert the hiding done in single post #97
• Style Sharing to match mockup
• Style Likes to match mockup

[iandunn]

create a custom block that simply outputs a server-side render of the two features

👍🏻 . It'd be good to open an issue for the sharing buttons too.

since all of that content gets loaded via an iframe, I suspect that most customization is not possible.

👍🏻 . could also open an issue for that, seems like it's something most themes would want to do

[coreymckrill]

Found the issue for the Sharing block: Automattic/jetpack#19694

[iandunn]

I'm guessing we'll be able to simply embed the shortcodes, like we did in #35 (comment)

[iandunn]

Actually, I enabled the Sharing and Likes modules, and they're showing up now. The Like button is stuck in the loading state, though.

We'll need to style them too.

[dd32]

I followed up on the Likes loading issue, this is ultimately a bug between Jetpack and Core. The Jetpack Likes script is registered too late for FSE themes, but loaded at the right time for Classic themes due to a load ordering difference between the types of themes.

https://core.trac.wordpress.org/ticket/54529 is a core work around.

A workaround for this site temporarily can be:

add_action( 'template_redirect', function() {
    Jetpack_Likes::instance()->load_styles_register_scripts();
} );

[dd32]

Just noting that per #97 the share/like features are disabled temporarily for SOTW

[iandunn]

👍🏻 I added them back now that it's over