Shopify - Tag Manager + Customer Events
Webeyez Script Implementation Guide
Overview
This guide explains how to implement the Webeyez script on your website using Google Tag Manager (GTM). It also covers the required Content Security Policy (CSP) updates when CSP is enabled.
Purpose
Implementing the Webeyez script allows your site to load the Webeyez tracking script across your pages through GTM, without requiring a direct hardcoded deployment in the site’s source code.
Prerequisites
Before starting, make sure the following are in place:
- Access to your Google Tag Manager account and the correct container
- The GTM container is already installed on the website
- Permission to create and publish tags in GTM
Step 1: Add the Webeyez Script in Google Tag Manager
GTM Setup Instructions
- Open the correct GTM container - In Google Tag Manager, open the container that is installed on your website. The guide notes that this should be the container added to the site’s <body>.
- Create a new tag - From the Tags section, click New to create a new tag.
- Select tag type - Choose Custom HTML as the tag type.
- Paste the Webeyez snippet - Paste the Webeyez tag snippet into the Custom HTML field.
- Set the trigger - Configure the trigger to fire on All Pages.
- Save and publish - Save the new Webeyez tag and publish the GTM container. The guide specifically instructs saving the tag and publishing the container once the trigger is configured.
Step 2: Add a Customer Event on Shopify
Validation Checklist
After publishing the tag, verify the implementation using the checklist below:
- The Webeyez Custom HTML tag exists in GTM
- The tag is triggered on all pages
- The GTM container has been published
- The Webeyez script loads successfully in the browser
- No CSP errors related to Webeyez appear in the browser console
- Webeyez data begins flowing as expected in the platform