How To Implement Snapchat Pixel with Shopify via GTM & Server-Side Conversion API

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

beginner Implementation Difficulty
How To Implement Snapchat Pixel with Shopify via GTM & Server-Side Conversion API

Integration Specs

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

  • Elevar Server-Side
  • GTM Server-Side
  • GTM Web Container

What's Included

Events

What customer events are tracked in this integration

  • Pageview
  • Add To Cart
  • Initiate Checkout
  • Purchase
  • Base Tag
  • View Content
  • Event ID

Customer Parameters

What customer parameters are tracked in this integration

  • e-mail
  • order id
  • line items

Step 1: Snapchat Conversion API In Beta

We are currently beta testing our Snapchat Conversion API with customers.

Interested in giving it a try? Email us [email protected] with your Shopify store.

Step 1: Overview

Without a single line of code and done in minutes, Elevar helps you implement all of your Snapchat 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 tag breaks and risks impacting your campaigns.

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

Snapchat ads are great for getting your brand and products in front of Snapchat users. Millions of people use Snapchat daily to connect with their friends. Help them discover your business with Snapchat Ads. Learn more about Snapchat Ads here.

Step 2: Install Data Layer to Your Store

In order to deploy Snapchat’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 Snapchat’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 > Snapchat.

Update your Snapchat pixel ID in the tag settings shown below.

snapchat-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 Pixel 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 Snapchat 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.

Compatible Data Sources

Data Layer

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

Shopify Webhooks

Used for our server-side integrations for 100% purchase capture rate.
Learn More

FAQs

View common integration questions