Usercentrics integrates easily implements into your Shopify website in just a few minutes. Simply add the Usercentrics script to your theme header, as well as any additional scripts for your tag manager that you use.
...
Contact our Support Team to assist you if you need help.
PART 1: Install Usercentrics to your Shopify website
Log into your Shopify account
On the navigation menu select “Online Store” and then “Themes”
Hover over your Current Theme and select “Actions” then “Edit Code” so that the code editor appears
In the code editor under “Layout” select theme.liquid
In the <head> section of this code simply past your Usercentrics script with your unique Settings-ID. The code looks like the below, but with your own Settings-ID. Your Settings-ID is available in your Admin Interface.
...
Copy your unique script from the Admin Interface under Implementation or replace “XXXXXXXXX” with your personal Settings-ID in the above relevant code example.
6. Click “Save”
PART 2: Manually Blocking Your Third Party Services
Do you have third party services, such as Google Analytics? If you are unsure, you can find out by using our DPS Scanner in your Admin Interface.
...
(Navigate to Shopify - Themes - Current Themes - Actions - Code Editor - Layers - theme.liquid)
Step 2: Adjust the Existing Google Analytics Script
Once the Usercentrics script has been integrated into your website, all existing scripts need to be customized. This step is mandatory to ensure scripts are only executed after a consent has been given.
Change script type – “text/javascript” becomes “text/plain”
To customize your scripts, two small adjustments are necessary. The first one refers to the script type. Change the type from type="text/javascript" to type="text/plain" in your scripts.
...
This adjustment is mandatory to ensure the script is not automatically interpreted and executed by the browser when the page is called.
Assign a data attribute
The scripts of the data processing services that you‘re using need to be given a custom data attribute. It is used to connect to our Consent Management Platform and to query consents.
...
For questions about third party services using Google Tag Manager, please see our documentation here.