> ## 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.

# Axon (AppLovin)

> An introduction to the Axon/AppLovin 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" />

***

## Installation instructions

<Note>
  This is a client-side destination, so you must track all events client-side, including `Placed Order` and `Started Subscription`, for it to work properly.
</Note>

1. Navigate to your <OutboundLink linkText="Axon dashboard" linkTarget="https://ads.axon.ai/account/api-keys" /> and choose **Account > Keys**.

2. Copy your **Axon Event Key**.

<Frame>
  <img src="https://mintcdn.com/converge/GVarhTPe5hTkroJR/images/ad-platforms/axon/axon_report_key.png?fit=max&auto=format&n=GVarhTPe5hTkroJR&q=85&s=6555f5eb246cd04356a70c8add4844ce" alt="Axon Report Key" width="716" height="660" data-path="images/ad-platforms/axon/axon_report_key.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 **Axon (AppLovin)** destination and click **Next**.

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

6. Fill in the **Event Key** you copied from **Axon** and click **Next**.

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

<Note>You can find the Default mapping for the Axon 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**.

<Note>This is a client-side destination, meaning that only client-side sources can be used with this destination. You can still select server-side sources but the events will not be sent to Axon.</Note>

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

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

***

## Modify your Content ID

The Converge Axon Destination will use the **Default** content mode to define the Content ID forwarded by default.
However, you can configure the destination to use explicitly the **Product ID**, the **Variant ID** or **SKU** instead.

1. Navigate to your Axon 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 Content ID Modes**

| Content ID Mode | Behavior                                                          |
| --------------- | ----------------------------------------------------------------- |
| Default         | Use the `variant_id` if available, otherwise use the `product_id` |
| 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="xmark" /> |

***

## FAQ

<AccordionGroup>
  <Accordion title="Can I use Enhanced User Identification?">
    *TLDR:* Not for Shopify stores.

    Axon recommends implementing *Enhanced User Identification* by setting the `axwrt` cookie through the backend of your store. As **Converge**, by default, is not served under your store's domain, we cannot set this cookie directly in the client, as this would not truly enhance identification. As such, to enable *Enhanced User Identification*, the `axwrt` cookie needs to be implemented directly in your store backend.

    Notice that for Shopify stores, as you have no control over the backend, this cookie cannot be set and *Enhanced User Identification* cannot be used.

    For other setups where you have control over the backend of your store, please refer to <OutboundLink linkText="Axon documentation" linkTarget="https://developers.axon.ai/en/ecommerce/google-tag-manager#enhanced-user-identification-recommended" /> for instructions on how to enable *Enhanced User Identification*.
  </Accordion>
</AccordionGroup>

***

## Event mapping

Converge automatically maps the following events from the [Converge event spec](/sources/converge-spec) to the <OutboundLink linkText="Axon events" linkTarget="https://developers.axon.ai/en/ecommerce/events-and-objects" />:

| Converge Event Name                                             | Axon Event Name    |
| --------------------------------------------------------------- | ------------------ |
| [\$page\_load](/sources/converge-spec#page-load)                | `page_view`        |
| [Viewed Product](/sources/converge-spec#viewed-product)         | `view_item`        |
| [Added To Cart](/sources/converge-spec#added-to-cart)           | `add_to_cart`      |
| [Removed From Cart](/sources/converge-spec#removed_from_cart)   | `remove_from_cart` |
| [Started Checkout](/sources/converge-spec#started-checkout)     | `begin_checkout`   |
| [Searched](/sources/converge-spec#searched)                     | `search`           |
| [Added Payment Info](/sources/converge-spec#added-payment-info) | `add_payment_info` |
| [Placed Order](/sources/converge-spec#placed-order)             | `purchase`         |