If you are using Shopify to manage your online store and want to track conversions across your site, this guide will walk you through how to install the Teads Pixel sitewide.
A two-step implementation process is recommended:
Add the Teads Pixel code to your store by inserting custom code directly into your Shopify account.
Configure Shopify's Customer Privacy Settings using the Customer Privacy API. This ensures that the Teads Pixel respects users' privacy choices when the code is triggered on the page.
1. How to implement pixel using a custom code
1. How to implement pixel using a custom code
Follow the steps below to implement the Teads pixel with a custom code in Shopify:
Go to Settings (located at the bottom-left corner of the sidebar).
Select Customer Events from the left-hand menu.
Click Add Custom Pixel.
Enter a name for your Pixel.
Expand the Permissions and Data Sale sections to configure your settings.
Under Permissions, select Marketing and Analytics, as the pixel collects data for these purposes.
In the Data Sale section, indicate that the collected data qualifies as a data sale.
Paste the Teads Pixel code into the code section. For information on locating your Teads pixel code, refer to this article.
Click Save and Connect to complete the setup.
2. How to Configure Shopify Customer Privacy Settings Using the Customer Privacy API
2. How to Configure Shopify Customer Privacy Settings Using the Customer Privacy API
If you are running campaigns that use Shopify store pages as landing pages and are targeting users in the EU or UK, it’s crucial to ensure your store complies with current data privacy regulations, including the GDPR and the ePrivacy Directive. These regulations require that explicit user consent be obtained before setting any cookies beyond those strictly necessary or using third-party tracking tools, such as the Teads Pixel.
To use the Teads Pixel in the EU or UK, your Shopify store must display a cookie banner and collect user consent for conversion tracking.
If you are using a third-party or custom cookie banner, please refer to this article from Shopify for guidance on configuring it.
Note: The third-party banner must support integration with Shopify’s Customer Privacy API, as you will need to map the consent purposes it collects (Marketing, Analytics, and Data Sale) to the permissions passed through the Pixel’s custom code. These permissions are required for the pixel to track conversions in the EU and UK.
If you would like to use Shopify’s built-in cookie banner solution, follow the steps below:
Go to the Customer Privacy section in the left-hand navigation panel.
Click Cookie Banner.
Select Set up cookie banner.
Configure the banner settings according to your preferences.
In the Regions section, make sure to select Europe so the banner will be shown to users from the EU and UK, where consent is required for tracking.
Click Save to apply the settings.
Note:
Shopify offers a standard set of events that can be configured in the code for tracking purposes.
Teads has not yet tested compatibility with these default Shopify events.
This setup is only applicable for Shopify users who have upgraded to Checkout Extensibility.