Installing the Snapchat Pixel on Your Site

February 19, 2024 0 Comments

Installing the Snapchat Pixel on Your Site

 

Objective: The goal of this guide is to assist you in seamlessly integrating the Snapchat pixel into your website, ensuring accurate tracking for your advertising campaigns.

 

Prerequisites:

  • An active Snapchat Ad account
  • Access to Google Tag Manager (GTM) set up on your website

 

If you lack a Snapchat Ad account, you can sign up here.

 

If GTM hasn’t been set up on your website, refer to the relevant SOP:

  • SOP 004 (web version) for WordPress
  • SOP 065 (web version) for Shopify
  • SOP 066 (web version) for Squarespace

 

Importance: The Snapchat Pixel facilitates direct response goals, including lead generation, subscriptions, and product sales, enhancing the effectiveness of your advertising efforts on Snapchat.

 

Where and When:This setup process occurs within Google Tag Manager and Snapchat Ads Manager and should be completed before launching any Snapchat advertising campaign on your website. You only need to perform this setup once unless you’re running ads on multiple websites.

 

Who:This task is typically carried out by individuals responsible for website management, analytics, or paid advertising.

Setting Up:

 

Environment Setup:

  • Open a new Chrome window with your Snapchat Ad and GTM accounts signed in.
  • Download the Snapchat Pixel helper

Generating Snapchat Pixel:

  • Sign in to Snap Ads Manager.
  • Navigate to the menu and click on “Events Manager.”

 

Events Manager

 

  • Choose “New Event Source” and opt for “Create Snap Pixel.”

 

Create Snap Pixel

 

  • Confirm Pixel creation.

 

Confirm Pixel creation

 

  • Refresh the page to view the new Pixel.

 

new Pixel created

 

  • Note: It might take a few minutes for the new Pixel to appear. If not visible, wait and refresh the page.

 

Copying Snap Pixel ID:

 

  • In “Events Manager,” select “Setup Snap Pixel.”

 

Setup Snap Pixel

 

  • Choose “Partner Integration” and proceed with “Continue.”

 

Partner Integration

 

  • Copy the Snap Pixel ID and store it in a notepad for later use.

 

Copy the Snap Pixel ID

 

  • Click “Done.”

 

Adding Snapchat Pixel via Google Tag Manager:

 

 

  • Select the container where you want to add the Snapchat Pixel.

 

add the Snapchat Pixel

 

  • Click on “Templates” and then “Search Gallery.”

 

Templates and click Search Gallery

 

  • Search for “Snap” and select “Snap Pixel by Snapchat.”

 

Snap Pixel by Snapchat

 

  • Add Snap Pixel to the workspace.

 

Add to workspace

 

  • Confirm the addition when prompted.
  • Note: A warning sign next to “Inject Scripts” is normal as Snapchat needs to insert a script (i.e., the Snap Pixel) on your website.

 

add

 

  • Return to the GTM dashboard and click “New tag.”

 

New tag

 

  • Rename the tag and click the tag icon.

 

Rename the tag

 

  • Search for “Snap” and select “Snap Pixel.”

 

Snap Pixel

 

  • Paste the Snap Pixel ID into the designated field and save.

 

Save

 

  • Click the trigger icon and select “All Pages” to ensure the Pixel fires on every page.

 

 trigger icon

 

  • Save the new tag.

 

Save the new tag

 

  • Check and submit the changes in the GTM dashboard.

 

Check and submit

 

Verification:

 

  • It takes a few minutes for GTM to fire the Snap Pixel.
  • Visit your website where the Snap Pixel is implemented.

 

  • Use the Snap Pixel helper in your Google Chrome toolbar to verify the Pixel is firing.

 

Snap Pixel helper

 

  • Check Snapchat Events Manager to confirm page view metrics are being tracked.
  • Note: Pixel data may take up to an hour to update.

 

Events Manager

 

  • Conclusion:

 

Congratulations! You have successfully installed the Snap Pixel on your website. With page views now being tracked accurately, you can proceed to set up tracking for other metrics such as add to cart and purchase events.