Enabling Jetpack’s Cookie Notice On A Theme Without Widget Areas

November 25, 2018

Cameron Jones

Jetpack is considered by many to be the Swiss Army Knife of WordPress plugins. It can add tons of functionality to your site with just a few clicks. There unfortunately is a bit of opposition to it in the community but I don’t buy into the hate. However, like most software, I also don’t believe some of the approaches are ideal.

One of the more useful features since the introduction of the GDPR is the Cookies & Consent Banner. I tried to activate it the other day and to my dismay it’s only implemented via a widget. I think this is quite silly, seeing as it displays fixed to the browser window rather than in a widget area. It would be sufficient for most sites and I do understand the practicality of it, but my site is a custom theme with no widget areas. As a result, I couldn’t activate the notice.

Thankfully, I figured out a workaround. Widget classes have a certain standard that they need to follow in order to work properly, and we can take advantage of this by instantiating the Jetpack_EU_Cookie_Law_Widget class without needing to deal with widgets. Simply copy and paste the code below into your theme’s functions.php file and make sure the “Extra Sidebar Widgets” module in Jetpack is active.

The default settings should be enough for most sites, but if you need to change the settings simply update the $instance array, the available options can be found on Github.

view raw jetpack-cookie-widget-without-widget-areas.php hosted with ❤ by GitHub

Did you find this post useful?

Yes No

Cameron Jones

Cameron Jones is a professional Web Developer and DevOps Engineer specialising in all things WordPress, and is the author of the popular Mongoose Page Plugin. When he's not working on a new website or WordPress plugin, he can be found on the sports field or in the mosh pit at a metal concert.

	<?php

	/**
	* Class to add Jetpack's Cookie Notice Widget without needing a widget area
	*/
	class Cameronjonesweb_Jetpack_Cookie_Notice {

	/**
	* Instance of Jetpack's cookie notice widget.
	*
	* @var Jetpack_EU_Cookie_Law_Widget
	*/
	public $widget;

	/**
	* Class constructor
	*/
	public function __construct() {
	add_action( 'widgets_init', [ $this, 'initialise_cookie_notice' ] );
	add_action( 'wp_footer', [ $this, 'display_cookie_notice' ] );
	}

	/**
	* Sets up Jetpack's cookie notice
	*/
	public function initialise_cookie_notice() {
	if ( class_exists( 'Jetpack_EU_Cookie_Law_Widget' ) ) {
	$this->widget = new Jetpack_EU_Cookie_Law_Widget();
	add_action( 'wp_enqueue_scripts', [ $this->widget, 'enqueue_frontend_scripts' ] );
	}
	}

	/**
	* Displays the widget on the front end
	*/
	public function display_cookie_notice() {
	if ( class_exists( 'Jetpack_EU_Cookie_Law_Widget' ) ) {
	$args = [
	'before_widget' => '<div class="widget_eu_cookie_law_widget">',
	'after_widget' => '</div>',
	];
	$instance = [];
	$this->widget->widget( $args, $instance );
	}
	}
	}

	new Cameronjonesweb_Jetpack_Cookie_Notice();

Blog

Enabling Jetpack’s Cookie Notice On A Theme Without Widget Areas

Did you find this post useful?

Share this post

Cameron Jones

Subscribe To The Newsletter