Connect AdRoll to your Site: Add the Pixel to your Website Header

Once you’ve signed up for an AdRoll account, you can connect AdRoll to your website by manually placing the Pixel on your website header. The Pixel is a JavaScript code snippet that you place on your site to connect to AdRoll and allow us to track your website traffic.

If your company has multiple websites, AdRoll will provide you with an individual Pixel code for each of your advertiser profiles. 

 

Before you continue

You can connect AdRoll to your site by Manually placing the Pixel on your website header code.

Please note that there are other methods to activate your Pixel and connect AdRoll to your site. You must choose only one:

  1. Activate the Pixel by adding it your website header. Continue reading to proceed.
  2. Activate the Pixel through GTM. Learn more.
  3. Activate the Pixel by using an eCommerce Integration. Click one of options below:
Shopify Wix SquareSpace
WooCommerce Prestashop BigCommerce

 

Step 1. Find and copy your unique Pixel code

  • Log in to AdRoll.
  • A Pixel Setup Required red banner will appear at the top, click Setup Your Pixel Now.
  • If you haven't yet, select a cookie consent banner option and Save.
  • Click Copy under Connect your Pixel.
  • If the red banner does not appear go to Audiences > Website Audience > View Pixel.

 

Step 2. Paste the Pixel Code on your Website Header

  • Go to your website's code and locate the header of your website.
  • Paste the pixel code in the global header section, just above the closing </head> tag. 
<!DOCTYPE html>
<html>
 <body>
  <head>
    <script>
    <!-- PASTE ADROLL PIXEL CODE HERE -->
    </script>
</head>
<main>
</main>
<footer>
</footer> </body> </html>
 

Step 3. Navigate back to AdRoll to Verify Connection

After you place the pixel code on your website, navigate back to AdRoll and click Verify Connection. This will prompt our AdRoll team to search for your pixel, which can take up to 24 hours.

 

You can verify the AdRoll Pixel is correctly installed using the Chrome Extension PixelPal. Learn more here.

Screen_Shot_2019-12-16_at_1.44.35_PM.png

 

Send the Pixel Code to your website developer

If you work with a website developer to update your website's code, please follow these steps to email your pixel setup instructions:

  • A Pixel Setup Required red banner will appear at the top, click Setup Your Pixel Now.
  • If you haven't yet, select a cookie consent banner and click Save.
  • If the red banner does not appear go to Audiences > Website Audience > View Pixel.
  • Click Email Code under Send to your Developer

 

Capturing Product Information with the Pixel

You must replace the sample EID with your own unique pixel code before placing it on your site.

Capturing Product Information

The track() allows you to pass product new attributes like price, quantity along with the existing attributes product_id, product_group, product_action, category. 

 

Additional Events Supported

Home View
Product Search
Page View Add to Cart Purchase

 

Note

It is recommended to use the supported event names. Especially if you want to retarget those users by creating a User Event Audience.

There is no throttling in terms of request rate, but the expectation is that user events are generated by a human user so should be in the order of 1-2 requests per second. Please use track with that soft restriction in mind.
    

Was this article helpful?
16 out of 32 found this helpful

Articles in this section

Chat with an agent
24/7 Support
Send a support email
24/7 Support