Getting Started – Snapchat Pixel

Let’s track your conversions for Snapchat!

Civil Pixels will track all your important events for your Snapchat pixels. You can see a list of all the events and event data our Snapchat integration provides in our Snapchat pixel events article.

 

Step 1: Start the integration setup

We’ll start off nice and easy. Head over to the premade script library where we list all the integrations you can use.

To get there, open up Civil Pixels from your Shopify app page. This brings you to the Civil Pixels dashboard. You’ll see a nice big “Add New” button in the Premade Scripts section.

Click on the Snapchat card to begin the integration setup.

 

Step 2: Enter your Snapchat Pixel ID

Now for the hard part (I promise it’s not too hard). The integration setup will prompt you to enter your Snapchat Pixel ID.

We’ll need to create a pixel in Snapchat and copy the ID that Snapchat provides.

Head over to Snapchat Ads Manager and log in.

From the top left menu, click Manage AdsSnap Pixel

You should be on the Snap Pixel page now. Click the Set Up Pixel button to get your pixel code.

You’ll get some pixel code that looks like this:


<script type='text/javascript'>
(function(win, doc, sdk_url){
if(win.snaptr) return;
var tr=win.snaptr=function(){
tr.handleRequest? tr.handleRequest.apply(tr, arguments):tr.queue.push(arguments);
};
tr.queue = [];
var s='script';
var new_script_section=doc.createElement(s);
new_script_section.async=!0;
new_script_section.src=sdk_url;
var insert_pos=doc.getElementsByTagName(s)[0];
insert_pos.parentNode.insertBefore(new_script_section, insert_pos);
})(window, document, 'https://sc-static.net/scevent.min.js');
snaptr('init','0a0a0a0a-0a0a-0a0a-0a0a-0a0a0a0a0a',{
'user_email':'<USER-EMAIL>'
})
snaptr('track','PAGE_VIEW')
</script>

Copy the bolded text in the example above without quotations. In our example, that is 0a0a0a0a-0a0a-0a0a-0a0a-0a0a0a0a0a

Paste this into the Snap Pixel ID field in Civil Pixels.

Step 3: Pick your Options

Alright, now all we have to do is pick what we want to track. I’d recommend leaving all of them checked, but you can disable events you don’t want to track. These can be enabled later if you change your mind.

 

Step 4: Hit the “Install” button

At the bottom of the page, you’ll find a button labeled “Install.”

Click it and you’re done! Snapchat ad conversions are now being tracked on your site.

 

Next steps

Making sure it works

If you’d like to make sure the pixel is working, Snapchat has made a Chrome extension to help. The Snap Pixel Helper will check your pixels for you as you browse your site. Just make sure any ad blocking extensions you have are turned off (they block trackers like the Snap pixel).

Changing things up

If you want to configure your options or customize the tracking script after installation, you can do that easily! Head over to the Civil Pixels homepage from your Shopify apps page.

Under the “Integrations” section, click on the Snapchat Pixel card.

You’ll be brought to a summary page for your Pixel. Here, you’ll find the scripts that make up your Snap Pixel. Each script represents one conversion event or the base code. To toggle a certain event, just enable or disable the corresponding script!

You can also edit each script if you want to send different parameters to Snapchat. Just click on the script and you can edit the underlying code for it.

Further Questions

Need more help? Get in touch – email support@civilpixels.com and we’ll get back to you ASAP.

Was this article helpful?

Related Articles

Leave A Comment?