> For the complete documentation index, see [llms.txt](https://knowledgebase.offer18.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledgebase.offer18.com/es/afiliado/apis-de-afiliados/sdk-tabla-de-ofertas-de-afiliados.md).

# SDK - Tabla de ofertas de afiliados

El SDK Affiliate Offer Table es una utilidad simple que muestra ofertas de afiliados en forma de tabla basada en datos de la API. Simplemente ingrese su información de la API de afiliados y este SDK mostrará automáticamente las ofertas en una estructura de tabla organizada. Es un enfoque rápido y sencillo para mostrar información de ofertas sin una configuración extensa.

***

### Configuración&#x20;

Instrucciones para habilitar el SDK Affiliate Offer Table de Offer18

#### 1. Cree un nuevo archivo HTML

#### 2. Agregue la configuración y el script del SDK

Dentro del `<body>` etiqueta, agregue el siguiente script para configurar y cargar el SDK de Offer18. Reemplace los valores de marcador de posición con sus datos reales de afiliado:

{% code overflow="wrap" %}

```html
<script>
  OFFER18_API_CONFIG = {
    "aid": "<--AFFILIATE-ID-->",  // Reemplace con su ID de afiliado
    "mid": "<--ACCOUNT-ID-->",             // Reemplace con su ID de cuenta (MID)
    "key": "<--API-KEY-->"             // Reemplace con su clave de API
  };
</script>
<script src="https://web-resources.offer18.net/sdk/web/affiliate-api/OfferTable.js"></script>
```

{% endcode %}

#### 3. Agregue los detalles de su API de afiliado

En el `OFFER18_API_CONFIG` objeto

* **aid**: Ingrese su ID de afiliado único.&#x20;
* **mid**: Ingrese su ID de cuenta (MID).
* **key**: Ingrese su clave de API.

Estos campos son obligatorios para el SDK Affiliate Offer Table

***

### Opciones de configuración adicionales

Puede mejorar el `OFFER18_API_CONFIG` objeto agregando parámetros opcionales para personalizar la visualización y el filtrado de ofertas en la Affiliate Offer Table. A continuación hay una lista de opciones de configuración adicionales disponibles.

<table data-header-hidden><thead><tr><th width="164"></th><th width="142"></th><th></th></tr></thead><tbody><tr><td><strong>Parámetro</strong></td><td><strong>Tipo</strong></td><td><strong>Descripción</strong></td></tr><tr><td>fields</td><td>Matriz</td><td><p>Especifica los campos para mostrar en la tabla, en el orden proporcionado.<br><br><strong>Campos disponibles:</strong></p><pre class="language-html" data-overflow="wrap"><code class="lang-html">"offerid", "name", "logo", "status", "category", "price", "currency", "model", "date_start", "date_end", "preview_url", "offer_terms", "offer_kpi",  "capping", "events", "payout", "impression_url", "click_url", "authorized", "creatives", "targeting"
</code></pre></td></tr><tr><td>offer_id</td><td>Cadena</td><td>Cadena separada por comas de IDs de ofertas específicas para mostrar. Muestra solo estas ofertas.</td></tr><tr><td>page</td><td>Cadena</td><td>Especifica el número de página para la paginación.</td></tr><tr><td>category</td><td>Cadena</td><td>Filtra ofertas por una categoría específica (p. ej., "Finance", "E-commerce").</td></tr><tr><td>modelo</td><td>Cadena</td><td>Especifica el modelo de la oferta, como CPA (Costo por Acción) o CPL (Costo por Lead).</td></tr><tr><td>country</td><td>Cadena</td><td>Lista separada por comas de códigos de país para filtrar las ofertas por ubicación.</td></tr><tr><td>offer_status</td><td>Cadena</td><td>Establecer en <code>"1"</code> para mostrar solo ofertas activas.</td></tr><tr><td>autorizado</td><td>Cadena</td><td>Establecer en <code>"1"</code> para mostrar solo ofertas autorizadas.</td></tr></tbody></table>

***

### Archivo de ejemplo

Aquí hay un ejemplo de un `OFFER18_API_CONFIG` objeto totalmente configurado con parámetros requeridos y opcionales:

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <script>
    OFFER18_API_CONFIG = {
      "aid": "12345",
      "mid": "67890",
      "key": "000000000000000000000000000000",
       
       // Configuración opcional
      "fields": ["offerid", "name", "logo", "status", "category", "price", "currency", "model", "date_start", "date_end", "preview_url", "offer_terms", "offer_kpi",  "capping", "events", "payout", "impression_url", "click_url", "authorized", "creatives", "targeting"],        // Matriz de campos para mostrar, en el orden deseado
      "offer_id": "123,456,789",             // Cadena separada por comas de IDs de ofertas específicas
      "page": "1",                           // Número de página a mostrar
      "category": "Finance",                 // Categoría de ofertas para mostrar
      "model": "CPA",                        // Modelo de la oferta (p. ej., CPA, CPL)
      "country": "US,CA",                    // Lista separada por comas de códigos de país
      "offer_status": "1",                   // Establecer en "1" para mostrar solo ofertas activas
      "authorized": "1"                      // Establecer en "1" para mostrar solo ofertas autorizadas
    };
  </script>
  <script src="https://web-resources.offer18.net/sdk/web/affiliate-api/OfferTable.js"></script>
</body>

</html>
```


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://knowledgebase.offer18.com/es/afiliado/apis-de-afiliados/sdk-tabla-de-ofertas-de-afiliados.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
