How to hook up Google Tag Manager consent tools with Cookiebot

In the second part of our two-part blog, now that we have learnt how to use Google Tag Manager (GTM) effectively, we will be discussing the implications of not complying with GDPR and how you can use Tag Manager’s consent tools to ensure tags are being fired in a GDPR compliant way.

The Implications of not complying with GDPR

Under GDPR, organisations who fail to comply and/or suffer a data breach could face a fine. In the most serious cases, this fine could be up to 4% of a company’s annual turnover. 1

Eek. That’s a hefty fine for an easy fix!

What is Cookiebot?

Cookiebot consent management platform (CMP) is a plug-and-play compliance solution built around an unrivalled scanning technology that detects and controls all cookies and trackers in use on a website, and automatically manages end-user consents. 2

Think of it as a bouncer who denies entry for data collectors, such as Google Analytics, based on the user’s preferences…

It enables automated compliance with global data privacy laws like the EU’s GDPR, California’s CCPA/CPRA, Brazil’s LGPD and many others.

How to hook up Google Tag Manager consent tools with Cookiebot

We’ve put together a step-by-step guide to help you through the process (with some handy screenshots attached).

Once in the templates area, click “Search Gallery”, and within the drawer that slides out, click the search icon and type in “cookiebot”

The template simply adds the required tags and triggers to interact with Google’s consent tools built into Google Tag Manager. 3

Adding the Cookiebot tag

Editing existing and creating new tags

With Cookiebot set up and installed, we now need to edit any existing tags, or create new ones . We do this by telling the tag which consent checks to listen out for.

These options are under “Advanced Settings” > “Consent Settings” on every tag. All the default tags Google Tag Manager provide come preconfigured, so changes are not needed. But 3rd party tags require you to decide which consent checks are required.


Our Senior Developer has shared his thoughts on how Cookiebot has helped us to make our client’s website GDPR compliant:

"We were immediately attracted to Cookiebot because of its ability to auto-detect what cookies are present on a website, and generate a clean consent pop-up. This has saved countless hours which would have previously been spent manually integrating other solutions. Its integration with Google Tag Manager is first-class and allows us to quick deploy third-party tools without the need to worry about their GDPR compliancy."

We audit Google Tag Manager as part of our CRO package. This is to ensure tags are fired correctly and the data that you receive, whether through Google Analytics, Facebook ads, live chats, is accurate and collected in a GDPR compliant way. Get in touch today for more information on how we can help.


References

1 https://www.itgovernance.co.uk/dpa-and-gdpr-penalties

2 https://www.cookiebot.com/en/about/?sitelink=eng-about

3 https://support.google.com/tagmanager/answer/10718549?hl=en

How we use Google Tag Manager effectively

Want to know how to use Google Tag Manager effectively? This blog is part of a 2-part blog and helps to explain what GTM is, what it helps resolve and the benefits we’ve found from using it that will help you and your business. In the second part, we discussed the implications of GDPR and how to use Tag Manager’s consent tools to ensure tags are being fired in a GDPR compliant way.

‘Tags’ are snippets of code to help you integrate third-party tools, such as analytics, ads and chat-bots, into your websites. Normally these tools provide website owners “snippets” of code which you add directly into your project’s code.

What problems could this cause?

Inheriting Messy Sites

Picture this, you’ve brought on a new client and have gained access to their site. You delve into the code and find that it’s a mess. There are tons of tags throughout the site and you have no idea which tag does what, why it does it and who has set them up. This is going to take you so long to audit!

 

Time Consuming for Developers

You’ve brought on a new client and they’ve asked you to set up some tags for a number of different reasons. They want their Google Analytics linked up, their Facebook pixel installed to track form submissions or a widget to display a popup when users are about to leave their website or insert a pop up to encourage users to sign up to their newsletter and a lot more… Your head hurts. You know your developers are super busy at the moment, but you’re going to have to ask them to help you add these tags for the client.

Unclear code

You’ve been asked to remove an old version of Google Analytics from a client’s site. You remove the code. A few weeks later, you’re looking through the analytics and find that there is a gap in this month’s research. You accidentally removed the current Google Analytics, so it hasn’t been feeding data for the past few weeks. Oops.

How we use Google Tag Manager to resolve these issues

There is a solution to your problems – Google Tag Manager. This means less developer involvement as the only code needed is to initially connect up the Tag Manager with the client’s site.

This provides a number of great benefits:

For more help in keeping your website GDPR compliant, read our blog about how to hook up GTM consent tools with Cookiebot.

How to create your own Tag Manager

  1. Head over to tagmanager.google.com.
  2. If you have a Google account you can simply login, if not you’ll need to create a free Google account.
  3. With a Google account created, you’ll need to add an account for your website. To do this click “New Account” and fill out all the required fields (Account name, Country, Container name and Target platform).


If you need help fully utilising Google Tag Manager’s features, we can audit your website and correctly install the tags, improving your site’s speed and ultimately helping increase conversions.

Get in touch today

How we are using Lazy Loading to speed up our clients’ websites

Lazy Loading is not a term you hear in day to day conversation (unless, for example, you spend a Friday evening with our developers). We wanted to give you an insight into what Lazy Loading is, the latest industry updates and how we have been using it to improve our client’s websites. 

What is Lazy Loading?

Lazy Loading is a general, reusable solution used in web development to defer the rendering of content until it is needed. For example, when you are scrolling down a page, the images that you cannot see on the screen will not be loaded until you scroll until they are in view.

This will help toward increasing the loading speed of a site, as it won’t be downloading all the images across the site until needed. 

The opposite is Eager Loading, where data is rendered on the spot.

What browsers support Lazy Loading?

Since 2020, all major browsers (namely Google Chrome, Mozilla Firefox and Microsoft Edge) have enabled lazy loading, giving developers a simple API to tell the browser what content should be lazily loaded. 

In March this year, Apple’s Safari released their implementation, making them the final major browser to provide support for lazy loading.1

This means a range of great benefits for our clients


If you would like advice implementing Lazy Loading to your site or want help to improve the UX of your websites, we can help. Get in touch with Pop today. 

 

References

1 https://caniuse.com/loading-lazy-attr

How many WordPress plugins should you use?

There are approximately 50,000 WordPress plugins available for users to add to their website. Whether your website is for a personal blog, large business or even an eCommerce site – there are useful plugins available to help you.

Using plugins can really enhance your website and its functionality, but if used incorrectly, they can have a negative impact on the performance of your website. In this article, we will discuss why and when you should use a plugin, and what the best practices are.

So, what is a plugin?

A plugin is a piece of code that enables a program or application to carry out an extra function. In regards to WordPress, there is a whole range of plugins available for adding functions such as; automatic blog sharing on social media, language translations, SEO assistance and much more.

Why does your website need some plugins?

A standard WordPress install provides the essential features that a CMS needs. This includes managing pages or blog posts, as well as media. The features probably won’t include everything you need to make your site run as you want it. Thankfully, WordPress provides developers with the tools to extend the platform – these come in the form of plugins. Plugins also help to make millions of websites completely unique. Specific plugins are designed to integrate a niche function with your WordPress site.

Having at least a couple of plugins installed is important for the majority of WordPress sites. However, it is important to just install the ones that your website actually needs in order for it to run smoothly.

Are you using too many plugins?

Plugins run alongside the core WordPress code. Having numerous large plugins installed and running on the site can significantly slow down the speed of your website.

The correct number of plugins for your website is the number that you need for your site to function how you require it to. For this reason, the ‘right’ number can vary considerably depending on your site’s purpose and the functionality of the plugins themselves. A large number of these plugins can usually be built into your website’s theme, which eliminated the need for them at all.

To protect your website’s security, you should be very careful when choosing which plugins to install on your site. Only choose plugins which have a positive rating from other users, and have regular updates released. It is also very important to keep your plugins as up to date as possible to reduce any security risks.

You should find time to clean up your list of plugins every few months. Look out for the following:


Need help with maintaining your website? Contact Pop Creative here. 

GDPR – Privacy notices and security, putting a plan in place.

Of the many factors that are listed in the GDPR, website privacy and security is something we are implementing for our clients’ websites’ to make sure their website is running a “best practice” policy.
This checklist highlights steps we are going to take now to prepare our clients for the General Data Protection Regulation (GDPR) which will apply from 25 May 2018. They cover:

  1. Collecting information through website forms
  2. Privacy Policy
  3. Keeping WordPress running the latest version
  4. Vulnerability Updates

Step 1. Collecting data on your website

The ICO says…….
“…..you will need to explain your lawful basis for processing the data, your data retention periods and that individuals have a right to
complain to the ICO if they think there is a problem with the way you are handling their data. The GDPR requires the information to be provided in concise, easy to understand and clear language.”
We are going to make it very clear why information is being collected and how it will be used. Here’s an example of how we are going to adjust the forms:

Graphics from (EConsultancy)
Things we need to look at whilst reviewing the website forms
(Direct from the ICO website)

  • Consider whether you actually need to collect information about people. Don’t ask people to login, register or provide their personal details unless you need them to. It is acceptable to ask for this information once people make an enquiry or decide to do business with you.
  • When you collect information about people they should know who you are and what you’re going to do with their information. There should be a clear, prominent explanation of this on your website.
  • You are under a legal duty to keep customer information secure. Ask your IT supplier to give you advice on encrypting information and make sure staff with access to the information are trained to keep it secure and look after it properly.
  • If you use a subcontractor, for example to manage your database, make sure there is a written contract in place that requires them to look after your information properly, including keeping it secure.
  • Ensure that you only collect the information that you use.
  • If you no longer require the information then stop collecting it and dispose securely of any unnecessary information that you may have collected

Step 2. Privacy Policy

There are some very good examples of how companies are putting privacy policies on their websites. Age UK have a great example of a very clear policy and it includes information about updating your details, security precautions, any transfer outside of Europe and any profiling that may take place. Check it out here.
We are working with all of the companies we deal with this to make sure their policies are clearly outlined.

Step 3. Keeping the data that is submitted by users safe.


This is a very important step. Keeping your site patched and running the latest WordPress or Woo-Commerce versions is going to be very important as the users won’t know this. Running an out-of-date version of WordPress could mean the data that’s transmitted from the site can be used by hackers.

We are also going to make sure all of our websites have SSL certificates to keep data passed through the website encrypted.

Step 4. Vulnerability Updates

Finally, we’ve partnered with the fantastic team behind the WPScan Vulnerability Database to bring you real time information about what plugins are vulnerable so we can act accordingly.

If you currently aren’t on one of our website and performance packages then please contact us at studio@popcreative.co.uk

New Website For Station Couriers

New website design for Station Couriers in Newtown, Fantastic company and we are continuing to work with them on marketing the website

Station Couriers


https://www.stationcouriers.co.uk

Contact Us

The Old Smithy,
Church Street,
Oswestry,
Shropshire,
SY11 2SP

01691 662712
studio@popcreative.co.uk

Privacy Policy