Connect AdRoll to your site by installing the AdRoll Pixel

Once you’ve signed up for an AdRoll account, you can connect AdRoll to your website by placing our pixel on your website. Your pixel is a JavaScript code snippet that you place on your site to connect to AdRoll. 

Connect using an integration specific guide

If you are using one of the below platforms, we recommend referring to the installation guide for step-by-step instructions.

Installation Guides
Google Tag Manager Shopify Magento Magento 2
WooCommerce Prestashop BigCommerce SquareSpace

Manually installing the Pixel

If you prefer connecting to AdRoll manually, or if your specific platform is not listed above, follow the below instructions.

1. Locate the header code for your website.

Go to your website's code and find the header of your website.

<!DOCTYPE html>
<html>
 <body>
  <header>
    <script>
    <!-- Insert AdRoll Pixel Code -->
    </script>
</header>
<main>
</main>
<footer>
</footer> </body> </html>

2. Copy the entire pixel code and paste it in the global header.

Paste the code in the global header section, just above the closing header tag.

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

You can find your unique pixel code under the AudiencesWebsite > View Pixel

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. 

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 also 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.
3. Check that your code is working correctly.
 
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.

Additionally, web developers can install PixelPal to verify that your pixel is working properly. PixelPal is a Chrome extension that helps validate a website's AdRoll’s Pixel implementation.

  • Install PixelPal in your Chrome browser by following the steps from the Chrome Web Store.
  • Once installed, the extension’s icon will be available next to your address bar.
  • Activate PixelPal by clicking the icon to review and confirm the End User License Agreement (EULA).

Screen_Shot_2019-12-16_at_1.44.35_PM.png

If your status says JS Pixel Detected, your code has been installed correctly. It can take up to 24 hours for your website to connect to AdRoll.

unnamed__3_.png

Someone else makes updates to my website

If someone else updates the code on your website, follow these steps to email them your pixel setup instructions.

1. Navigate to Connect Manually.

EmailCode.gif

2. Click Email Code.

EmailPixel.png

Was this article helpful?