Pixels integration guideline

Introduction :

Social media pixels (or tags) are diagnostic tools that allow you to measure the effectiveness of
your advertising by understanding the actions people take on your website.
The best part of Pixel, in our opinion, is that Pixel is able to follow users across their devices, so
advertisers can see how each user interacts on advertiser’s websites via desktop and mobile
devices. This could give advertisers insights into how users are using their websites.

Note : To make sure Pixels are working correctly in your website, there are chrome extensions
which allow you to verify, debug, and troubleshoot Pixels implementations. These tools generate
reports about anything related to the backend of your website browsing. There will be a link to
download every pixel helper you will need through this guideline.

I- Google Analytics :

First, you need to create a Google Analytics property for each website you want to collect data
from.
That being done, Google Analytics property generates a unique Tracking ID and a global site
tag that includes the Tracking ID for that property.
Please follow the instructions below for information about finding your Tracking ID and global
site tag.

Find your Tracking ID and global site tag

1. Sign in to your Analytics account.

2. Click Admin.
3. Select an account from the menu in the ACCOUNT column.
4. Select a property from the menu in the PROPERTY column.
5. Under PROPERTY, click Tracking Info > Tracking Code.

Your Tracking ID is displayed at the top of the page.

Once your Tracking code is generated, copy and paste it on “Google analytics settings” from the
following link :
https://seller-area.youcan.shop/admin/settings/online#pixels

❏ Click “Add” then “Save” to

Verify that your Tracking ID is working

You can use Google Tag Assistant to determine whether your tag is implemented correctly as
well as keeping track of your website traffic from your browser’s extensions.

Download Tag Assistant (Google’s Pixel helper)

II- Facebook pixel

Create a Facebook pixel

 1. Go to Events Manager.

2. Click Connect Data Sources and select Web.

3. Select Facebook Pixel and click Connect.

4. Add your Pixel Name.

5. Enter your website URL to check for easy setup options.

6. Click Continue.

Add the Facebook pixel to your website

Once you've created your pixel, you're ready to put the Facebook pixel code on your website.
For instructions on how to do this, choose your setup option:

Go to Events Manager.

1. Select the pixel you want to set up.

2. Click Continue Pixel Setup.

3. Select Install code manually.

4. Copy the pixel base code.

5. Paste the pixel base code in the case shown in the screenshot below :
Link : https://seller-area.youcan.shop/admin/settings/online#css-js

Verify that Facebook pixel has been implemented correctly

In order to check if the facebook pixel collects data flawlessly, please download and install the
following Chrome extension “Facebook Pixel Helper” :

https://chrome.google.com/webstore/detail/facebook-pixel-helper/fdgfkebogiimcoedlicjlajpkdmoc
kpc
III- Snapchat pixel

The Snap Pixel is a piece of JavaScript code that helps Advertisers measure the cross-device
impact of Campaigns. Advertisers will be able to see how many Snapchatters take action on
their website(s) after seeing their Ad.

1. Generate Pixel Code

In order to use the Pixel there are two simple steps that need to be completed in Ads Manager:

❏ Sign up for Pixel.

❏ Enable Pixel tracking.

To sign up for Pixel, you can follow the steps below :

1. Log in to Ads Manager.

2. Click the menu in the top corner and select ‘Snap Pixel.'
3. Click 'Create my Snap Pixel.'

Enable Pixel Tracking

1. Log in to Ads Manager.

2. Click the menu in the top corner and select 'Manage Ads.'
3. Select the Ad Set you would like to track conversions for.
4. Select 'Edit' and toggle the Snap Pixel option to 'Attached.'

2. Install Pixel

To get started with installing the Pixel on your website, you can follow the steps below.

1. Log in to Ads Manager.

2. Click the menu in the top corner and select ‘Snap Pixel.'
3. Click 'Setup my Pixel' and copy the provided javascript.
4. Paste the pixel base code in the “Snapchat pixels” case as shown in the screenshot
below :
 ❏ Click “Save” and your pixel should be working properly.

Verify that Snapchat pixel has been implemented correctly

Please find below the “Snapchat pixel helper” download link :

https://chrome.google.com/webstore/detail/snap-pixel-helper/hnlbfcoodjpconffdbddfglilhkhpdnf
 IV- Tiktok Pixel

Before you begin

❏ You need to create a business account here : https://www.tiktok.com/business/en
❏ Enter your business information and wait for Tiktok to review and approve your
information.

Once your business information is approved, follow the steps on the screenshot below :

That being done, click on “Create pixel”, then type your pixel name, and finally choose the
installation type “Manually install pixel code” :

Following these steps will generate a code base which needs to be copied and pasted in the
case below :
Finally, one step closer to finish the Tiktok Pixel implementation.

Please find the “Tiktok Pixel Helper” download link below :

https://chrome.google.com/webstore/detail/tiktok-pixel-helper/aelgobmabdmlfmiblddjfnjodal
hidnn
V- Twitter conversion tracking

Before you begin :

❏ If you have not already done so, you need to create a Twitter account.
❏ You must add your credit card to your account.

1. Generate your conversion tracking code

a. Log into your ads account at ads.twitter.com

b. Under “Tools,” select “Conversion tracking” as shown below :

c. Click on “Create new conversion event” at the top right.

d. Name your event and choose a conversion type that best describes the action you
want to track.

e. Check the terms and conditions box and proceed.

f. Congrats, your tracking code is generated, copy and paste it in the case shown below :
 2. Verify your tracking code is working properly

In order to make sure your Twitter conversion tracking code is well implemented, please
download the “Twitter Pixel Helper” :

https://chrome.google.com/webstore/detail/twitter-pixel-helper/jepminnlebllinfmkhfbkpckog
oiefpd
VI- Pinterest Pixel

Before you begin :

❏ You have to create a business account: https://www.pinterest.com/business/hub

1. Generate your tracking id (Pinterest Tag)

First, Choose “Install Tag” on your Pinterest Business dashboard :

Once you choose your country, scroll down a little bit and choose “Add code to website” :
Once the code is generated, copy and paste it in the Css/javascript configs :
Verify your Pinterest Tag is working properly

To make sure the Pinterest Tag is working perfectly, download and install the Pinterest Tag
Helper :

https://chrome.google.com/webstore/detail/pinterest-tag-helper/gmlcbajhgoaaegmlbaclmm
mhpmfdajmp