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

1.3.3

• Update dependencies

1.3.1

• Fix tags on readme

1.2.5

• Add blueprint.json file

1.2.4

• Add blueprint.json file

1.2.3

• Remove Website Carbon text from i18n

1.2.2

• Fix a error with an action on the view

1.2.1

• Fix some issues with translations

1.2.0

• Add an option to hide the badge link
• Add an option to choose the tested page link
• Now the Website Carbon link points to the results of the tested page
• Improve code documentation
• Improve code structure and readability

1.1.0

• Improve localization
• Improve code documentation
• Optimize block rendering Interactivity logic
• Update dependencies

1.0.0

• First stable release
• Add block icon on the editor
• Better code documentation

0.1.4

• Fix error when generating the plugin, currentPage var was taking the testing page instead of the current page

0.1.2

• Fix localization issues
• Improve in code documentation

0.1.1

• Change plugin name and slug to carbonbadge-block

0.1.0

• First release

1. Upload the plugin files to the /wp-content/plugins/carbonbadge-block directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the \’Plugins\’ screen in WordPress.
3. Place the block on any Gutenberg post or page.