> ## Documentation Index
> Fetch the complete documentation index at: https://docs.runconverge.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Criteo

> An introduction to the Criteo Destination

export const OutboundLink = ({linkText, linkTarget}) => {
  return <a target="_blank" href={linkTarget}> {linkText} 
    <div className="inline h-3 w-3 fill-gray-500 dark:fill-gray-100 text-gray-500 dark:text-gray-300 ml-1 mr-1">
      <svg className="inline w-2.5 h-2.5 bg-gray-500 dark:bg-gray-300" style={{
    maskImage: `url('https://mintlify.b-cdn.net/v6.5.1/solid/up-right-from-square.svg')`,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }}></svg> 
    </div>
    </a>;
};

export const IconText = ({name, text, iconSource = "mintlify", iconLocation = "before", iconType = "solid"}) => {
  const sourceUrl = iconSource === 'local' ? `url('/images/icons/${name}.svg')` : `url('https://mintlify.b-cdn.net/v6.5.1/${iconType}/${name}.svg')`;
  return <>
            <div className="inline-block pl-2">
                {iconLocation === 'before' && <div className="h-3.5 w-3.5 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 inline-block align-middle mr-2">
                        <svg className="w-4 h-4 bg-gray-800 dark:bg-gray-100 " style={{
    maskImage: sourceUrl,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }} />
                    </div>}
                <span className="inline-block align-middle font-semibold fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 pl-1 pr-2">{text}</span>
                {iconLocation === 'after' && <div className="h-3.5 w-3.5 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 inline-block align-middle mr-2">
                        <svg className="w-4 h-4 bg-gray-800 dark:bg-gray-100 pr-3" style={{
    maskImage: sourceUrl,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }} />
                    </div>}
            </div>
        </>;
};

export const Icon = ({name}) => {
  return <div className="h-4 w-4 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 inline-block align-middle">
            <svg className="w-4 h-4 bg-gray-800 dark:bg-gray-100" style={{
    maskImage: `url('https://mintlify.b-cdn.net/v6.5.1/solid/${name}.svg')`,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }} />
        </div>;
};

## Overview

Destination Type: <IconText text="Client-side" name="browser" iconType="duotone" iconLocation="after" />  and <IconText text="Server-side" name="server" iconType="duotone" iconLocation="after" />

***

## Installation instructions

1. Navigate to the <OutboundLink linkText="Criteo Marketing Dashboard" linkTarget="https://marketing.criteo.com" />

2. Find your **Account Partner ID**, as per the screenshot below
   <Frame>
     <img src="https://mintcdn.com/converge/dh0K_Fgr0_qazJsh/images/destinations/criteo/criteo-0.png?fit=max&auto=format&n=dh0K_Fgr0_qazJsh&q=85&s=cd952e266a9418da9f7faf6452e1e975" alt="criteo" width="839" height="338" data-path="images/destinations/criteo/criteo-0.png" />
   </Frame>

3. In the Converge sidebar, click on <IconText name="arrow-right-from-line" text="Event streams" /> and then click **Create new Destination**.

4. Select the **Criteo** destination and click **Next**.

5. Give your destination a **name** (e.g. Criteo Destination) and click **Next**.

6. Fill in the **Account Partner ID** you copied from **Criteo** and click **Next**.

7. Select **Use default mapping** and click **Next**.

<Note>You can find the Default mapping for the Criteo destination [here](#event-mapping). For more information on setting up Custom mappings, look [here](/destinations/event-mapping).</Note>

8. Select the sources you want to forward events from, then click **Next**.

9. Review any issues and click **Submit**.

<Warning> Once you have installed your Converge Destination, you should **pause or remove all existing Criteo tracking**. Leaving these on will lead to duplicate tracking.  </Warning>

***

## Modify your Content ID

The Converge Criteo Destination will use the **Product ID** by default.
However, you can configure the destination to use explicitly the **Variant ID** or **SKU** instead.

1. Navigate to your Criteo Destination, click on **Configuration**.
2. Click on the **Configuration**-subtab
3. Open the **Advanced configuration (optional)** section
4. Pick your desired Content ID, and click on **Save**

**List of available Content ID Modes**

| Content ID Mode | Behavior                    |
| --------------- | --------------------------- |
| Product Id      | Always use the `product_id` |
| Variant Id      | Always use the `variant_id` |
| SKU             | Always use the `sku`        |

***

## Converge functionality

This integration supports the following Converge destination functionality.

| Converge Feature        |       Supported       |
| :---------------------- | :-------------------: |
| Custom Events           | <Icon name="xmark" /> |
| Filters                 | <Icon name="xmark" /> |
| Server-side Conversions | <Icon name="check" /> |

***

## Event mapping

Converge automatically maps the following events from the [Converge event spec](/sources/converge-spec) to the Criteo spec.

| Converge Event Name                                             | Criteo Event Name  |
| --------------------------------------------------------------- | ------------------ |
| [\$page\_load](/sources/converge-spec#page-load)                | `viewPage`         |
| [Logged In](/sources/converge-spec#logged-in)                   | `login`            |
| [Viewed Product](/sources/converge-spec#viewed-product)         | `viewItem`         |
| [Added To Cart](/sources/converge-spec#added-to-cart)           | `addToCart`        |
| [Viewed Cart](/sources/converge-spec#viewed-cart)               | `viewBasket`       |
| [Started Checkout](/sources/converge-spec#started-checkout)     | `beginCheckout`    |
| [Viewed Collection](/sources/converge-spec#viewed-collection)   | `viewList`         |
| [Added Payment Info](/sources/converge-spec#added-payment-info) | `addPaymentInfo`   |
| [Placed Order](/sources/converge-spec#placed-order)             | `trackTransaction` |