Snap Pixel is a piece of JavaScript code that lets you measure the cross-device impact of your advertising campaigns. It enables you to understand how many Snapchat users interact with your website after seeing the ads.

Getting started

RudderStack supports sending event data to Snap Pixel via the following connection modes:

Once you have confirmed that the source supports sending events to Snap Pixel, follow these steps:

1. From your RudderStack dashboard, add the source. From the list of destinations, select Snap Pixel.
2. Assign a name to the destination and click Continue.

Connection settings

To set up Snap Pixel as a destination, you need to configure the following settings:

• Pixel ID: Enter your Snap Pixel ID. Refer to the FAQ section for more information on obtaining your Snap Pixel ID.
• Hashing Method: Snap Pixel lets you pass a user parameter (email or phone) in both hashed and non-hashed format during the snippet's intialization. If you choose SHA-256, RudderStack will hash-encode the parameter before passing it to Snap Pixel.
• Mapping to trigger the Snap Pixel events for the respective events set here: Use this setting to map custom event names to the standard Snap Pixel events.
• Client-side Events Filtering: This setting lets you specify which events should be blocked or allowed to flow through to Reddit Pixel. Refer to the Client-side Events Filtering guide for more information.
• Customize Client Deduplication Key: Enable this setting to set a custom client deduplication ID in Snap Pixel. Refer to the Setting custom client deduplication key section for more information on this setting.
• Use device mode to send events: As this is a web device mode-only destination, this setting is enabled by default and cannot be disabled.

Identify

You can use the identify call to initialize the Snap Pixel code.

RudderStack checks the cookies for the user parameter (email or phone) before loading the Snap Pixel snippet. If the parameter is present, RudderStack loads the snippet. Otherwise, it loads the snippet without passing the user parameter.

A sample identify call is as shown:

Copy
rudderanalytics.identify({
  email: "alex@example.com",
  phone: "+1-202-555-0146"
});

The following table lists the user parameters along with the corresponding mapping to the Snap Pixel parameters:

Page

When you make a page call, RudderStack sends the following call to Snap Pixel:

Copy
snaptr("track", "PAGE_VIEW")

A sample page call is as shown:

Copy
rudderanalytics.page();

Track

You can use the track call to send Snap Pixel events. Refer to the Snapchat documentation for more information on the Snap Pixel events.

A sample track call is as shown below:

Copy
rudderanalytics.track('Order Completed', {
  'currency': 'USD',
  'price': 333.33,
  'order_id': '11111111'
});

You can also send the following RudderStack ecommerce events:

Snap Pixel supports up to 5 custom events, listed below:

• CUSTOM_EVENT_1
• CUSTOM_EVENT_2
• CUSTOM_EVENT_3
• CUSTOM_EVENT_4
• CUSTOM_EVENT_5

Setting custom client deduplication key

RudderStack lets you define the client deduplication key for event deduplication. Enable the Customize Client Deduplication Key setting in the dashboard to use this feature.

The following scenarios describe the different ways RudderStack sets the custom deduplication key:

Scenario 1: Passing the key in the event properties

Suppose you enable the Customize Client Deduplication Key setting and set the Client Deduplication Field to properties.dedup. RudderStack then sets the client deduplication ID with the value associated with properties.dedup, as shown in the following snippet:

Copy
rudderanalytics.track(
  "SHARE", {
    dedup: "mydedupid",
    checkout_id: "12345",
    product_name: "Red T-shirt",
    product_url: "http://www.sampledomain.com/products/myred-t-shirt",
  }, {
    integrations: {},
  }
);

In this case, RudderStack sets mydedupid as the client deduplication ID.

Scenario 2: Passing the messageId as the deduplication key

Suppose you enable Customize Client Deduplication Key and leave the Client Deduplication Field empty. In this case, RudderStack sets the event's messageId as the client deduplication ID.

Scenario 3: Passing wrong/missing field in the dashboard settings

Suppose you enable Customize Client Deduplication Key and set the Client Deduplication Field, but the field is either missing or has a different name in the event. In this case, RudderStack does not set the client deduplication ID.

For example, if you set Client Deduplication Field to properties.dedup and the event contains properties.deduplication instead, then RudderStack sends the event to Snap Pixel without setting the client deduplication ID.

FAQ

Where can I find the Snap Pixel ID?

To get your Snap Pixel ID, follow these steps:

1. Go to your Snap Ads Manager account.
2. Under Events Manager, go to View Pixel Details > Setup Pixel. You can find the Pixel ID under Set Up Your Snap Pixel, as shown: