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

# Haku Ad Server

> El motor que decide qué anuncio se muestra en cada espacio.

El ad server recibe un pedido por cada espacio publicitario, elige el anuncio que
corresponde según las campañas activas y su targeting, y registra lo que pasa después.

## Formatos

| Formato              | Dónde se usa                               |
| -------------------- | ------------------------------------------ |
| Imagen               | Banners en web y apps                      |
| Nativo               | Anuncios que toman el diseño del sitio     |
| HTML                 | Piezas interactivas                        |
| Producto de catálogo | [Retail media](/retail-media/introduccion) |
| Video                | Pre-roll y video dentro del contenido      |

La galería de formatos está en [hakumedia.ai/solutions/ad-units](https://hakumedia.ai/solutions/ad-units).

## Dos formas de integrar

<Columns cols={2}>
  <Card href="/ad-server/ad-serving">
    <div className="haku-cell haku-cell--blue">
      <img src="https://mintcdn.com/haku-media/l-HK3kh4fZYcRMOs/icons/engranajes.svg?fit=max&auto=format&n=l-HK3kh4fZYcRMOs&q=85&s=713b1388e81a2e25ec991b936e2dbe0c" alt="" noZoom width="102" height="107" data-path="icons/engranajes.svg" />
    </div>

    <div className="haku-card-title">Desde el servidor</div>
    El sitio pide el anuncio en JSON y lo dibuja con su propio diseño.
  </Card>

  <Card href="/apps/introduccion">
    <div className="haku-cell haku-cell--lilac">
      <img src="https://mintcdn.com/haku-media/l-HK3kh4fZYcRMOs/icons/chat.svg?fit=max&auto=format&n=l-HK3kh4fZYcRMOs&q=85&s=b1fde0d337c2960b9c7c7c66f2fb9842" alt="" noZoom width="106" height="104" data-path="icons/chat.svg" />
    </div>

    <div className="haku-card-title">Desde la app</div>
    El SDK pide, dibuja y mide.
  </Card>
</Columns>