Criteo Setup and Implementation Overview | Blue Frog Docs

Criteo Setup and Implementation Overview

Complete guide to implementing Criteo's retargeting platform, including OneTag deployment, event tracking, and product feed configuration.

Criteo is a leading performance marketing platform specializing in dynamic retargeting and customer acquisition. This comprehensive guide covers everything needed to implement Criteo tracking and maximize campaign effectiveness.

What is Criteo?

Criteo provides personalized retargeting solutions that display dynamic product ads to users who have previously visited your website. The platform uses machine learning to optimize ad delivery and product recommendations across display, native, and video formats.

Key Features

  • Dynamic Retargeting - Show personalized product ads based on browsing behavior
  • Customer Acquisition - Reach new customers similar to your existing audience
  • Cross-Device Tracking - Follow users across desktop, mobile, and tablet
  • AI-Powered Optimization - Machine learning algorithms optimize bid strategies
  • Global Reach - Access to premium publisher inventory worldwide

Platform Capabilities

Advertising Solutions:

  • Display retargeting
  • Dynamic product ads
  • Customer acquisition campaigns
  • App retargeting
  • Video advertising
  • Native advertising

Targeting Options:

  • Behavioral targeting
  • Product-level targeting
  • Customer list targeting
  • Lookalike audiences
  • Contextual targeting

Optimization Features:

Implementation Overview

Implementing Criteo requires three main components:

1. OneTag Implementation

The Criteo OneTag is a JavaScript tag that:

  • Tracks user behavior across your website
  • Captures product views, cart additions, and purchases
  • Builds retargeting audiences
  • Enables cross-device identification

Implementation Methods:

2. Product Feed Configuration

Product feeds provide Criteo with:

  • Current product catalog
  • Pricing and availability
  • Product images and descriptions
  • Category and attribute data

Feed Formats:

3. Event Tracking Setup

Event tracking captures:

  • Homepage visits
  • Product page views
  • Category browsing
  • Search queries
  • Shopping cart activity
  • Purchase transactions
  • Custom events

Implementation Roadmap

Phase 1: Planning (Week 1)

Account Setup:

  1. Create Criteo advertiser account
  2. Obtain account credentials
  3. Set up user access and permissions
  4. Define campaign objectives

Technical Planning:

  1. Identify key pages for tracking
  2. Map website events to Criteo events
  3. Plan product feed structure
  4. Determine implementation method (direct vs. tag manager)

Data Requirements:

  1. Compile product catalog data
  2. Identify user identification methods
  3. Plan data layer structure
  4. Review privacy compliance requirements

Phase 2: OneTag Deployment (Week 2)

Basic Implementation:

  1. Install OneTag base code
  2. Configure account ID and site type
  3. Implement core events (home, product view, transaction)
  4. Test in staging environment

Verification:

  1. Verify tag loads on all pages
  2. Confirm events fire correctly
  3. Check data layer population
  4. Test cross-device functionality

Phase 3: Product Feed Setup (Week 2-3)

Feed Creation:

  1. Generate product feed from e-commerce platform
  2. Map product attributes to Criteo requirements
  3. Configure feed hosting (FTP, URL, or cloud storage)
  4. Set up automated feed updates

Feed Validation:

  1. Test feed in Criteo Management Center
  2. Fix validation errors
  3. Verify product matching
  4. Confirm daily updates

Phase 4: Advanced Configuration (Week 3-4)

Enhanced Tracking:

  1. Implement user email hashing
  2. Add custom product attributes
  3. Configure advanced events (wishlist, account creation)
  4. Set up basket tracking

Integration:

  1. Connect analytics platforms
  2. Configure conversion tracking
  3. Set up custom audience uploads
  4. Integrate with CRM systems

Phase 5: Testing and Quality Assurance (Week 4)

Comprehensive Testing:

  1. End-to-end user journey testing
  2. Cross-browser compatibility verification
  3. Mobile and tablet testing
  4. Performance impact assessment

Data Validation:

  1. Verify tracking accuracy
  2. Compare with analytics platform
  3. Test product feed updates
  4. Confirm conversion attribution

Phase 6: Launch and Monitoring (Week 5+)

Go Live:

  1. Deploy to production environment
  2. Enable campaign delivery
  3. Monitor initial performance
  4. Address any issues immediately

Ongoing Optimization:

  1. Review campaign metrics weekly
  2. Update product feed regularly
  3. Refine audience segments
  4. Test creative variations

Technical Requirements

Browser Support

Criteo OneTag supports:

  • Chrome 80+
  • Firefox 75+
  • Safari 13+
  • Edge 80+
  • Mobile browsers (iOS Safari, Chrome Mobile)

JavaScript Requirements

  • JavaScript must be enabled
  • Cookies must be supported (first-party and third-party)
  • LocalStorage available (for enhanced tracking)
  • Async script loading supported

Server Requirements

For product feeds:

  • HTTPS hosting required
  • XML/CSV file hosting capability
  • FTP/SFTP access (optional)
  • Response time < 30 seconds

Privacy and Compliance

GDPR Compliance:

  • Obtain user consent before loading OneTag
  • Provide opt-out mechanisms
  • Include Criteo in privacy policy
  • Honor data deletion requests

CCPA Compliance:

  • Respect "Do Not Sell" requests
  • Provide privacy notice
  • Honor opt-out preferences

Cookie Consent:

// Example: Load OneTag after consent
function loadCriteoAfterConsent() {
  if (userHasConsentedToMarketing()) {
    const script = document.createElement('script');
    script.src = '//dynamic.criteo.com/js/ld/ld.js';
    script.async = true;
    document.head.appendChild(script);

    // Initialize OneTag
    window.criteo_q = window.criteo_q || [];
    window.criteo_q.push({
      event: "setAccount",
      account: YOUR_ACCOUNT_ID
    });
  }
}

Implementation Methods

Option 1: Direct HTML Implementation

Best For:

  • Small to medium websites
  • Simple tracking requirements
  • Full control over code

Pros:

  • No dependency on tag management systems
  • Faster page load (no TMS overhead)
  • Easier debugging

Cons:

  • Requires developer resources for updates
  • Manual deployment process
  • More difficult to maintain

Option 2: Google Tag Manager

Best For:

  • Marketing team wants tag control
  • Multiple marketing tags deployed
  • Frequent campaign changes

Pros:

  • Non-technical users can manage tags
  • Version control and preview mode
  • Centralized tag management

Cons:

  • Additional page weight from GTM container
  • Potential data layer dependencies
  • Complexity for advanced implementations

Option 3: E-commerce Platform Plugin

Best For:

Pros:

  • Pre-built integrations
  • Automatic product feed generation
  • Minimal technical expertise required

Cons:

  • Limited customization options
  • Platform-dependent functionality
  • May not support advanced features

Option 4: Server-Side Implementation

Best For:

  • Privacy-focused implementations
  • iOS tracking improvements
  • Enhanced data security

Pros:

  • Better privacy controls
  • Reduced client-side code
  • More reliable tracking

Cons:

  • More complex implementation
  • Requires server infrastructure
  • Additional development resources

Data Architecture

Data Flow

User Interaction
    ↓
Website Data Layer
    ↓
Criteo OneTag
    ↓
Criteo Platform
    ↓
Campaign Optimization
    ↓
Ad Delivery

Data Layer Structure

Recommended data layer format:

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  // Page information
  pageType: 'product', // home, category, product, cart, checkout, confirmation

  // Product data
  productId: 'PROD123',
  productPrice: 99.99,
  productAvailability: 'in stock',
  productCategory: 'Electronics > Headphones',

  // User data
  userId: 'USER456',
  userEmail: 'user@example.com', // Will be hashed

  // Transaction data (confirmation page only)
  transactionId: 'ORD789',
  transactionTotal: 199.98,
  transactionItems: [
    { id: 'PROD123', price: 99.99, quantity: 2 }
  ]
});

Product Feed Schema

Required feed structure:

Field Type Required Description
id String Yes Unique product identifier
title String Yes Product name
description String Yes Product description
link URL Yes Product page URL
image_link URL Yes Main product image
price String Yes Price with currency (e.g., "99.99 USD")
availability String Yes "in stock", "out of stock", "preorder"
brand String Recommended Brand name
category String Recommended Product category path
gtin String Recommended Global Trade Item Number

Performance Considerations

Page Load Impact

Criteo OneTag is designed for minimal performance impact:

Best Practices:

  1. Load OneTag asynchronously
  2. Place script tags at end of <body>
  3. Use browser caching
  4. Minimize event payloads

Performance Metrics:

  • Average load time: 50-100ms
  • Script size: ~10KB (compressed)
  • No render-blocking behavior

Optimization Tips

<!-- ✓ Optimal implementation -->
<script type="text/javascript" src="//dynamic.criteo.com/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
  window.criteo_q = window.criteo_q || [];
  // Event code here
</script>

<!-- Consider loading after page interactive -->
<script>
  if ('requestIdleCallback' in window) {
    requestIdleCallback(() => loadCriteoTag());
  } else {
    setTimeout(() => loadCriteoTag(), 1);
  }
</script>

Getting Started Checklist

Before beginning implementation:

  • Criteo account created and verified
  • Account ID obtained from Criteo Management Center
  • Access credentials configured
  • Implementation method selected
  • Product catalog data prepared
  • Privacy policy updated
  • Cookie consent mechanism in place
  • Staging environment available for testing
  • Analytics platform configured for comparison
  • Team members trained on Criteo platform

Next Steps

Begin your implementation by following these detailed guides:

Core Implementation

Advanced Configuration

Additional Resources

Support Resources

For implementation assistance, contact your Criteo account manager or submit a support ticket through the Criteo Management Center.

↑ Back to top
// SYS.FOOTER