Talking Drupal #575 - The Drupal Advocacy Program

awesome and now to talk about our module of the week let's turn it over to martin and just includes a product marketing manager for drupal at aqua and a maintainer of a number of drupal modules and recipes of his own martin what do you have for us this week

Thanks, Nick.

Have you ever wanted to let visitors share your content on social media without loading any tracking scripts or third-party JavaScript? There's a module for that.

It's called Better Social Sharing Buttons, and it was created in August of 2018 by Jory Lemons.

The recent releases are by Shalane French.

It has a 5.0.0 version available, which works with Drupal 10.1, 11, and 12.

It is actively maintained.

In fact, that latest release was back in July, adding Drupal 12 support.

And it has security coverage and has 17 open issues, five of which are bugs against older branches.

Now, it is officially in use by 8,347 sites, according to Drupal.org. and the module supports 16 different services including facebook x linkedin blue sky reddit pinterest whatsapp telegram and email plus handy extras like print and copy link each button is just a plain link to that services share url opening it in a new tab no trackers no external api calls no ad servers that's a nice win for performance and for privacy and gdpr since nothing third-party loads until a visitor actually clicks You can place it as a block, as a pseudo field on nodes or paragraphs, or call it from twig with twig tweak.

The global settings form lets you enable services and drag them into order, and each block instance can override that list, the icon set, and the sizing.

The module comes with two icon sets, colored squares, which become round if you set the radius to 100%, or flat icons you can color with a CSS fill.

The colored set also exposes CSS custom properties so you can rebrand it from your theme.

The icons are minified SVGs in a single sprite, so they load once no matter how many buttons are on the page.

And there's also a per node submodule.

Enable it per content type and Excuse me, enable it if, per content type, you want editors to be able to have the right permission, with the right permissions, to be able to have a checkbox they can use to turn sharing on or off for a particular node.

Now, under the hood, it's nearly all Twig, one template partial per service with just a little JavaScript for Copy Link, Print, and Blue Sky.

Copy Link even uses an area live region to announce the confirmation screen to readers.

The block uses current page's URL and title, so it works on user and term pages too, while the field version shares the node's own URL and title.

Developers can tweak what gets shared with an alter hook on the block's items.

Now, a couple of caveats.

Facebook Messenger needs a Facebook app ID, and meta tag is recommended so services get proper open graph previews.

And if a service changes its share URL format, the module needs an update.

Back in episode 548, we covered social media links, and the two look similar.

Both give you a block of social network icons with a choice of icon sets, but they actually solve opposite problems.

awesome and now to talk about our module of the week let's turn it over to martin and just includes a product marketing manager for drupal at aqua and a maintainer of a number of drupal modules and recipes of his own martin what do you have for us this week

Thanks, Nick.

Have you ever wanted to let visitors share your content on social media without loading any tracking scripts or third-party JavaScript? There's a module for that.

It's called Better Social Sharing Buttons, and it was created in August of 2018 by Jory Lemons.

The recent releases are by Shalane French.

It has a 5.0.0 version available, which works with Drupal 10.1, 11, and 12.

It is actively maintained.

In fact, that latest release was back in July, adding Drupal 12 support.

And it has security coverage and has 17 open issues, five of which are bugs against older branches.

Now, it is officially in use by 8,347 sites, according to Drupal.org. and the module supports 16 different services including facebook x linkedin blue sky reddit pinterest whatsapp telegram and email plus handy extras like print and copy link each button is just a plain link to that services share url opening it in a new tab no trackers no external api calls no ad servers that's a nice win for performance and for privacy and gdpr since nothing third-party loads until a visitor actually clicks You can place it as a block, as a pseudo field on nodes or paragraphs, or call it from twig with twig tweak.

The global settings form lets you enable services and drag them into order, and each block instance can override that list, the icon set, and the sizing.

The module comes with two icon sets, colored squares, which become round if you set the radius to 100%, or flat icons you can color with a CSS fill.

The colored set also exposes CSS custom properties so you can rebrand it from your theme.

The icons are minified SVGs in a single sprite, so they load once no matter how many buttons are on the page.

And there's also a per node submodule.

Enable it per content type and Excuse me, enable it if, per content type, you want editors to be able to have the right permission, with the right permissions, to be able to have a checkbox they can use to turn sharing on or off for a particular node.

Now, under the hood, it's nearly all Twig, one template partial per service with just a little JavaScript for Copy Link, Print, and Blue Sky.

Copy Link even uses an area live region to announce the confirmation screen to readers.

The block uses current page's URL and title, so it works on user and term pages too, while the field version shares the node's own URL and title.

Developers can tweak what gets shared with an alter hook on the block's items.

Now, a couple of caveats.

Facebook Messenger needs a Facebook app ID, and meta tag is recommended so services get proper open graph previews.

And if a service changes its share URL format, the module needs an update.

Back in episode 548, we covered social media links, and the two look similar.

Both give you a block of social network icons with a choice of icon sets, but they actually solve opposite problems.