How To Implement Twitter Pixel and Conversion Tracking with Shopify via GTM

Elevar powers your data layer and server-side tracking needed to connect Twitter and Shopify.

beginner Implementation Difficulty
How To Implement Twitter Pixel and Conversion Tracking with Shopify via GTM

Integration Specs

  • Channel Accuracy Monitoring
  • Requires Elevar Data Layer
  • GTM server-side client customizable
  • Chrome Extension

  • GTM Web Container

What's Included

Events

What customer events are tracked in this integration

  • Pageview
  • Add To Cart
  • Purchase
  • Sitewide Tag

Customer Parameters

What customer parameters are tracked in this integration

  • order id

Step 1: Overivew

Without a single line of code and done in minutes, Elevar helps you implement all of your Twitter pixel events to Shopify through Google Tag Manager using the most up-to-date requirements from each platform.

Plus – these templates come with built-in monitoring so you’re the first to know when a pixel breaks and risks impacting your campaigns.

This integration supports all of the remarketing and audience standard options available with your Twitter Advertising.

Twitter is the #1 platform for discovery. Connect to the most valuable and receptive conversations and audiences with a Twitter Ads campaign. Learn more about Twitter Ads here.

Step 2: Install Data Layer to Your Store

In order to deploy Twitter’s pixel and conversion tracking via Google Tag Manager tags, you need to have a data layer implemented on your Shopify store that pushes customer, product, and order data that Twitter’s tags require.

installdatalayer

If you don’t have a data layer for your Shopify store yet, then you can utilize Elevar’s data layer for Shopify. It’s a 1-click installation into your theme.

Step 3: Download Container for GTM

Inside of your Elevar account, go to Pre Built Tags > Twitter.

Update your Twitter Universal Tag ID in the tag settings shown below.

twitter-shopify-gtm-tracking

Download the container and save to your computer.

Step 4: Import Container to GTM

Next up, go to your Google Tag Manager container > Admin > Import.

import-container-gtm

Be sure to select Merge container, not overwrite.

Once you’ve imported, verify your Universal Tag ID variable is accurate.

Step 5: QA & Publish

Once you’re ready to go live then put GTM into preview mode.

You can navigate the site and place an order to verify your Twitters tags trigger as expected.

Remember that the data layer from step 2 needs to be live on your store in order for the variables – like revenue and order id – to populate.

Go through each event you’ve implemented from the table above and verify the pixel fires as expected using the Twitter Pixel Helper Chrome Extension.

Compatible Data Sources

Data Layer

Complete data layer for Google Tag Manager including all native events and variables for Shopify.
Learn More

FAQs

View common integration questions