Carbonbadge Block

The Website Carbon widget Gutenberg block, made with the Interactivity API.

Yes, websites have a carbon footprint

Website Carbon is a service made by Wholegrain digital to help inspire and educate people to create a zero carbon internet. Provides an easy way to check the carbon footprint of your website.

They provide a official badge to put on your website, and with this plugin, you can have that badge as a reactive Gutenberg block, thanks to the new Interactivity API

How it works

This plugin adds a new block to the Gutenberg editor, called “Carbonbadge”. You can add it to any post or page, and it will show the carbon footprint of the current page.
The block will render a badge with the carbon footprint of the current page, and a link to the Website Carbon website.
The data is fetched from the Website Carbon API, with a client side call, and it’s updated every time the page is loaded. The result for a concrete page is cached for 24 hours, client side.
More information on the Website Carbon badge can be found here and on the website FAQ page here
The privacy policy of the Website Carbon service can be found here
The Website Carbon service is provided by Wholegrain digital

The code on GitHub

You can find the code of this plugin on GitHub