> 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/pt/afiliado/apis-de-afiliado/sdk-tabela-de-ofertas-de-afiliado.md).

# SDK - Tabela de ofertas de afiliado

O SDK da Tabela de Ofertas de Afiliados é uma utilidade simples que exibe ofertas de afiliados em formato de tabela com base em dados da API. Basta inserir suas informações da API de afiliado, e este SDK exibirá automaticamente as ofertas em uma estrutura de tabela organizada. É uma abordagem rápida e simples para mostrar informações de ofertas sem configuração extensa.

***

### Configuração&#x20;

Instruções para habilitar o SDK da Tabela de Ofertas de Afiliados Offer18

#### 1. Crie um novo arquivo HTML

#### 2. Adicione a configuração e o script do SDK

Dentro do `<body>` tag, adicione o seguinte script para configurar e carregar o SDK Offer18. Substitua os valores de espaço reservado pelas suas informações reais de afiliado:

{% code overflow="wrap" %}

```html
<script>
  OFFER18_API_CONFIG = {
    "aid": "<--AFFILIATE-ID-->",  // Substitua pelo seu ID de Afiliado
    "mid": "<--ACCOUNT-ID-->",             // Substitua pelo seu ID de Conta (MID)
    "key": "<--API-KEY-->"             // Substitua pela sua Chave de API
  };
</script>
<script src="https://web-resources.offer18.net/sdk/web/affiliate-api/OfferTable.js"></script>
```

{% endcode %}

#### 3. Adicione os detalhes da sua API de afiliado

No `OFFER18_API_CONFIG` objeto

* **aid**: Insira seu ID de Afiliado único.&#x20;
* **mid**: Insira seu ID de Conta (MID).
* **key**: Insira sua Chave de API.

Esses campos são obrigatórios para o SDK da Tabela de Ofertas de Afiliados

***

### Opções de configuração adicionais

Você pode aprimorar o `OFFER18_API_CONFIG` objeto adicionando parâmetros opcionais para personalizar a exibição e a filtragem das ofertas na Tabela de Ofertas de Afiliados. Abaixo está uma lista de opções de configuração adicionais disponíveis.

<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>Descrição</strong></td></tr><tr><td>fields</td><td>Array</td><td><p>Especifica os campos a serem exibidos na tabela, na ordem fornecida.<br><br><strong>Campos disponíveis:</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>String</td><td>String separada por vírgulas de IDs específicos de ofertas para exibir. Mostra apenas essas ofertas.</td></tr><tr><td>page</td><td>String</td><td>Especifica o número da página para paginação.</td></tr><tr><td>category</td><td>String</td><td>Filtra ofertas por uma categoria específica (por exemplo, "Finance", "E-commerce").</td></tr><tr><td>modelo</td><td>String</td><td>Especifica o modelo da oferta, como CPA (Custo por Ação) ou CPL (Custo por Lead).</td></tr><tr><td>country</td><td>String</td><td>Lista separada por vírgulas de códigos de país para filtrar ofertas por localidade.</td></tr><tr><td>offer_status</td><td>String</td><td>Defina como <code>"1"</code> para exibir apenas ofertas ativas.</td></tr><tr><td>autorizado</td><td>String</td><td>Defina como <code>"1"</code> para mostrar apenas ofertas autorizadas.</td></tr></tbody></table>

***

### Arquivo de Exemplo

Aqui está um exemplo de um `OFFER18_API_CONFIG` objeto totalmente configurado com parâmetros obrigatórios e opcionais:

```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",
       
       // Optional Configuration
      "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"],        // Array of fields to display, in the desired order
      "offer_id": "123,456,789",             // Comma-separated string of specific offer IDs
      "page": "1",                           // Page number to display
      "category": "Finance",                 // Category of offers to display
      "model": "CPA",                        // Model of the offer (e.g., CPA, CPL)
      "country": "US,CA",                    // Comma-separated list of country codes
      "offer_status": "1",                   // Set to "1" to show only active offers
      "authorized": "1"                      // Set to "1" to display only authorized offers
    };
  </script>
  <script src="https://web-resources.offer18.net/sdk/web/affiliate-api/OfferTable.js"></script>
</body>

</html>
```
