# Criar um Asset de Artigo

impact.com oferece suporte a anúncios HTML estáticos e dinâmicos, incluindo widgets de busca, formulários incorporados e banners de produtos. Como um *Ativo de artigo*, você pode atualizar seu anúncio HTML a qualquer momento sem ferramentas de terceiros. Para enviar, inclua estes dois itens obrigatórios:

* Uma página de destino HTTPS segura (uma URL absoluta, começando com `http://` ou `https://`).
* Quaisquer tokens dinâmicos de URL que você queira rastrear quando os usuários clicarem no anúncio.

#### Criar Ativo de artigo

1. Na barra de navegação à esquerda, selecione ![](/files/160944180402269557074f48f2ece20bc35e8b4d) **\[Engage]** → **Conteúdo** → **Anúncios**.
2. No canto superior direito, selecione **Criar anúncio** ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]**, depois selecione **Artigo**.
3. Preencha as informações nas seções a seguir:

<details>

<summary>Detalhes do Ativo</summary>

1. Insira um **Nome** para o seu ativo.
2. Opcionalmente, insira um **Descrição** fornecendo detalhes sobre o ativo.
3. Em *Página de destino*, selecione ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** **Personalizado** para configurar uma página de destino personalizada para o seu ativo. Deixe a configuração em **Padrão** para direcionar os clientes para a página de destino do seu programa.
4. Se o anúncio for destinado à visualização em app móvel, ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** **Fallback para Mobile** e escolha a [propriedade de app móvel](/partner/pt-br/o-que-voce-gostaria-de-aprender/account-management/account-settings/connect-media-properties/connect-a-mobile-app.md) relevante que linka para a listagem da loja do seu app.
   * Isso garante que usuários sem o app serão redirecionados para baixá-lo.
5. Para adicionar parâmetros ao link de rastreamento da página de destino, selecione ![](/files/f04b408fd368673af7defa3c8a7a0cac711f0eb8) **\[Adicionar metadados]**. Esses parâmetros serão adicionados ao final do link de rastreamento do ativo.
   * Saiba mais sobre [parâmetros do link de rastreamento](/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/tracking/tracking-explained/tracking-link-parameters-explained.md).
6. Opcionalmente, insira **Rótulos** para tornar seu ativo mais fácil de ser pesquisado.
   * Saiba mais sobre como criar e gerenciar [rótulos do ativo](/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/ads/manage-ads/add-labels-to-assets.md).
7. ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ative] Restringir acesso de parceiros** para definir quais grupos de parceiros podem usar este ativo, e procure o **Grupos de Parceiros** a quem você deseja conceder acesso a este ativo.

</details>

<details>

<summary>Configuração do Ativo</summary>

1. No *Conteúdo* campo, insira o código HTML/CSS/JS do seu anúncio, ou use as opções do editor de rich text para formatar seu conteúdo com mais facilidade.
   * **Dica:** Você pode enviar imagens diretamente inline com seu conteúdo usando o editor de rich text.
2. Se estiver usando tokens dinâmicos, selecione **Inserir outros campos dinâmicos** para ver todas as inserções de tokens disponíveis.
   * Consulte a *Token dinâmico* referência abaixo para saber que tipo de conteúdo cada token insere.
3. Opcionalmente, selecione um **Tamanho do Ativo** escolhendo uma resolução na ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]**.
   * O *Outros* opção permite configurar um tamanho personalizado.

</details>

<details>

<summary>Detalhes Promocionais</summary>

1. Opcionalmente, selecione um **Deal** ou **Adicionar Novo Acordo** do ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[menus suspensos]**.
2. Opcionalmente, defina **Datas de Início** e **e Término** pré-existente **Fuso horário** do ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]**.
   * Selecione a ![](/files/686bd72c5409dc8a96df9f589ffe6fb5e9b56301) **\[Calendário]** para o ativo e defina um ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** para definir os horários de início e término.
3. Opcionalmente, selecione ![](/files/7e7a264b3511214ef7f8ae0fc453d1e3297586a3) **\[Caixa desmarcada]** **Alterar página de destino no vencimento**, e prossiga selecionando **Configurar Regra** para configurar o que acontece se a página de destino expirar.

**Redirecionar**

1. No ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** selecione **Redirecionar**.
2. Insira o link para o qual o ativo fará redirecionamento.
3. Opcionalmente, ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** **Página Intermediária** para ativar e configurar uma página intermediária associada a esta regra.
4. No **Modelo** ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** selecione **Personalizado** ou **Instalação do App**.
   1. **Personalizado**
      1. Insira um **Texto do cabeçalho**.
      2. Opcionalmente, insira um **Texto do corpo**.
      3. Opcionalmente, insira **Termos Adicionais** para este ativo.
      4. Opcionalmente, selecione o ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exigir confirmação do usuário**.
      5. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exibir o logo do parceiro (co-branded)** e exiba seu logo e o logo do parceiro juntos para uma experiência co-branded.
      6. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Personalizar CSS** e adicione o código CSS desejado na caixa de texto.
      7. Selecione **Pré-visualização**.
   2. **Instalação do App**
      1. Insira um **Texto do cabeçalho** e **Cor da Fonte do Cabeçalho**.
      2. Insira um **Subcabeçalho** e **Cor da Fonte do Subcabeçalho**.
      3. Para **Fazer Upload do Logo** e **Fazer Upload da Imagem de Capa**, selecione **Escolher arquivo**. Lembre-se de que os formatos de arquivo GIF, JPG, PNG e SVG são suportados. Tamanho máximo do arquivo: 1 MB.
      4. Insira um **Rótulo do Botão de Download** (por exemplo, *Baixar Agora*).
         * Insira um **Cor da Fonte do Botão de Download** e **Cor de Fundo do Botão de Download**.
         * Insira um **Rótulo do Botão Continuar** e **Cor da Fonte do Botão Continuar**.
      5. Insira uma **Contagem Regressiva de Redirecionamento Automático** com número de segundos permitidos antes do redirecionamento.
      6. Opcionalmente, insira um **Texto do corpo**.
      7. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exibir o logo do parceiro (co-branded)** e exiba seu logo e o logo do parceiro juntos para uma experiência co-branded.
      8. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Personalizar CSS** e adicione o código CSS desejado na caixa de texto.
      9. Selecione **Pré-visualização**.

**Bloco**

1. Opcionalmente, ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** para **Usar intersticial** para ativar e configurar uma página intermediária associada a esta regra.
2. No **Modelo** ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** selecione **Personalizado**.
3. Insira um **Texto do cabeçalho**.
4. Opcionalmente, insira um **Texto do corpo**.
5. Selecione **Pré-visualização**.

**Intersticial**

1. No **Modelo** ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** selecione **Personalizado** ou **Instalação do App**.
   1. **Personalizado**
      1. Insira um **Texto do cabeçalho**.
      2. Opcionalmente, insira um **Texto do corpo**.
      3. Opcionalmente, insira **Termos Adicionais** e condições a serem aplicados.
      4. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exigir confirmação do usuário**.
      5. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exibir o logo do parceiro (co-branded)** e exiba seu logo e o logo do parceiro juntos para uma experiência co-branded.
      6. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Personalizar CSS** e adicione o código CSS desejado na caixa de texto.
      7. Selecione **Pré-visualização**.
   2. **Instalação do App**
      1. Insira um **Texto do cabeçalho** e **Cor da Fonte do Cabeçalho**.
      2. Insira um **Subcabeçalho** e **Cor da Fonte do Subcabeçalho**.
      3. Para **Fazer Upload do Logo** e **Fazer Upload da Imagem de Capa**, selecione **Escolher arquivo**. Lembre-se de que os formatos de arquivo GIF, JPG, PNG e SVG são suportados. Tamanho máximo do arquivo: 1 MB.
      4. Insira um **Rótulo do Botão de Download** (por exemplo, *Baixar Agora*).
         * Insira um **Cor da Fonte do Botão de Download** e **Cor de Fundo do Botão de Download**.
         * Insira um **Rótulo do Botão Continuar** e **Cor da Fonte do Botão Continuar**.
      5. Insira uma **Contagem Regressiva de Redirecionamento Automático**, para indicar os segundos permitidos antes do redirecionamento.
      6. Opcionalmente, insira um **Texto do corpo**.
      7. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exibir o logo do parceiro (co-branded)** e exiba seu logo e o logo do parceiro juntos para uma experiência co-branded.
      8. Selecione a ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Personalizar CSS** e adicione o código CSS desejado na caixa de texto.
      9. Selecione **Pré-visualização** e, quando estiver satisfeito com a pré-visualização, selecione **Enviar**.

**Deep Linking para Mobile**

1. No **Modelo** ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]**, selecione **Deep Linking para Mobile**.
2. Informe o **Texto do cabeçalho** e **Cor da Fonte do Cabeçalho**.
3. Informe o **Subcabeçalho** e **Cor da Fonte do Subcabeçalho**.
4. Para **Fazer Upload do Logo** e **Fazer Upload da Imagem de Capa**, selecione **Escolher arquivo**. Lembre-se de que os formatos de arquivo GIF, JPG, PNG e SVG são suportados. Tamanho máximo do arquivo: 1 MB.
5. Insira uma **Rótulo do Botão Abrir App** (por exemplo, *Ir para o App*).
   * Insira uma **Cor da Fonte do Botão Abrir App** e **Cor de Fundo do Botão Abrir App**.
   * Insira um **Rótulo do Link Continuar** e **Cor da Fonte do Link Continuar**.
6. Escolha quando o **Abertura do app** selecionando uma das opções: ![](/files/7e1c6d18e5a0a7c76ed315795915597447710759) **\[botão de opção]** **Assim que a tela intermediária carregar** ou ![](/files/7e1c6d18e5a0a7c76ed315795915597447710759) **\[botão de opção]** **Quando o botão for tocado**.
7. Selecione ![](/files/7e7a264b3511214ef7f8ae0fc453d1e3297586a3) **\[Caixa desmarcada]** para optar por um **Redirecionamento automático** e insira o número de segundos permitidos antes do redirecionamento.
8. Insira um **Caminho URI Padrão** a ser usado ao construir [URI móvel](/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes.md) usando o esquema de URL do programa configurado em [*Configurações gerais de rastreamento*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
9. Insira um **Expressão Regular de URI Personalizada** para definir o padrão de correspondência de URIs móveis no esquema de URL personalizado do app.
10. Selecione a ![](/files/7e7a264b3511214ef7f8ae0fc453d1e3297586a3) **\[Caixa desmarcada]** para **Personalizar CSS** e adicione o código CSS desejado na caixa de texto.
11. Selecione **Pré-visualização**.
12. Opcionalmente, especifique se o ativo é **Sazonal** e use o ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** para selecionar um período promocional relevante.
13. Em *Opções Promocionais Adicionais*, você pode selecionar se o seu ![](/files/7e7a264b3511214ef7f8ae0fc453d1e3297586a3) **\[Caixa de seleção] A oferta é um item mais vendido** ou ![](/files/7e7a264b3511214ef7f8ae0fc453d1e3297586a3) **\[Caixa de seleção] Permitir que um parceiro de mídia solicite seu próprio código promocional exclusivo para esta promoção**.

</details>

<details>

<summary>Configurações Avançadas</summary>

1. No ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]**&#x73;elecione em qual **Idioma** você deseja veicular este ativo.
2. Para limitar os parceiros ao uso de códigos de rastreamento iFrame (e impedir códigos de rastreamento HTML) para este ativo, selecione ![](/files/7e7a264b3511214ef7f8ae0fc453d1e3297586a3) **\[Caixa de seleção]** **Restringir parceiros ao código de rastreamento iFrame para este ativo**.
3. Para configurar um pixel de terceiros para o ativo, ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar] Pixel de impressão de terceiros**.
   * Isso permite enviar dados de impressão para seus sistemas de análise externos.
   * Consulte a *Token dinâmico* referência para saber que tipo de conteúdo você pode inserir com cada token.

</details>

4. Selecione a **Salvar** ou **Salvar rascunho** ![](/files/fd163b7ecfbcabc8d4b0b2247a6ffecec5a92253) **\[Menu suspenso]** e escolha entre as seguintes opções:

{% tabs %}
{% tab title="Salvar" %}

* **Salvar** - Salva o ativo e o ativa.
* **Salvar e Criar Outro** - Salva o ativo e abre um novo formulário para criar outro.
* **Salvar e Criar Outro com as Mesmas Configurações** - Salva o ativo e inicia um novo com as mesmas configurações pré-preenchidas.
  {% endtab %}

{% tab title="Salvar rascunho" %}

* **Salvar rascunho** - Salva seu progresso sem ativar o ativo.
* **Salvar e Criar Outro** - Salva o rascunho e abre um novo formulário de rascunho.
* **Salvar e Criar Outro com as Mesmas Configurações** - Salva o rascunho e inicia um novo rascunho com as mesmas configurações pré-preenchidas.
  {% endtab %}
  {% endtabs %}

**Exemplo de anúncio com conteúdo dinâmico**

No *Código de exemplo* fornecido abaixo, temos:

* Um formulário HTML com um campo de texto e botão "Enviar"
* CSS incorporado para estilizar o formulário independentemente de outro conteúdo
* Uma `<div>` contêiner do widget
* Função JavaScript que cria dinamicamente um link de rastreamento da impact.com e anexa parâmetros de string de consulta
* Uma `<noscript>` tag para que o sistema aceite o script quando ele não tiver um link de saída (sem essa tag, encontraríamos um erro ao tentar enviar este criativo.)

  Na prática, muitos desses elementos podem ser hospedados ou incorporados em seu site — a impact.com oferece suporte a arquivos externos de HTML, CSS e JavaScript para conteúdo dinâmico.

```programlisting
<style type="text/css">  
#search-widget-container 
{    font-family:"Verdana";
     padding:20px;     
     width:280px;    
     height:75px;
     margin:30px;
     background:#FFFFFF;
     border:1px solid #BBBDBF;
     border-radius:6px;
     box-shadow:5px 5px 2px rgba(0,0,0,0.1);   }   
     #submitbutton 
     {background:#fff;
     color:#3B91CF;
     font-weight:bold;
     font-size:12px;
     padding:5px:
     border-radius:6px;
     border:1px solid #3B91CF;
     cursor:pointer;   }   
    #submitbutton:hover {    
     background:#3B91CF;
     color:#fff;  }
     #searchbox {
      width:200px;
      margin:10px 10px 10px 0px;   }
</style>
<div id='search-widget-container'>
<img src="http://www.impactradius.com/wp-content/uploads/2014/05/impact-radius-logo.png" width="150px">  
<form><input name='searchTerm' 
   id='searchBox'
   type='text' 
   placeholder='Pesquisar o site'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='Enviar'
     id='submitbutton'>
 </form>
</div>
<script type="text/javascript">
function searchFunction() {  
// Obtenha o valor enviado pelo usuário na caixa de pesquisa 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// Acrescente o searchTerm ao final da landingPage
var completeURL = landingPage.concat(searchTerm);
// Envie o cliente para a URL final completa
window.location.href = completeURL;   } 
</script>
<noscript>
<a href=”http://www.example.com”>Link sem script</a>
</noscript>
```

* O código JavaScript gera uma URL de rastreamento usando tokens dinâmicos e anexa os termos de pesquisa como parâmetros de string de consulta.
* Como o conteúdo não tem uma URL absoluta, usamos `{domain}`, `{irpid}`, `{iradid}`, e `{ircid}` como tokens dinâmicos para gerar um link de rastreamento, que é preenchido com os valores do domínio de rastreamento do programa, ID do parceiro, ID do anúncio e ID do programa.
* Depois de clicado, o cliente será roteado pela impact.com e então encaminhado para a página de destino — neste caso, `https://www.example.com`

<details>

<summary>Referência de token dinâmico</summary>

| Token                   | Compatível em                          | Descrição                                                                                   |
| ----------------------- | -------------------------------------- | ------------------------------------------------------------------------------------------- |
| `{irpid}`               | Conteúdo do ativo / pixel de impressão | Preenche com o ID de parceiro impact.com do parceiro.                                       |
| `{iradid}`              | Conteúdo do ativo / pixel de impressão | Preenche com o ID do anúncio atribuído ao anúncio.                                          |
| `{ircid}`               | Conteúdo do ativo / pixel de impressão | Preenche com o ID do programa (ou campanha) da impact.com atribuído ao seu programa.        |
| `{subId1}` - `{subId3}` | Conteúdo do ativo                      | Preenche com o valor do SubId do parceiro (usado para rastreamento e relatórios).           |
| `{sharedId}`            | Conteúdo do ativo                      | Preenche com o valor do SharedId do parceiro para relatórios.                               |
| `{domain}`              | Conteúdo do ativo / pixel de impressão | Preenche com o domínio de rastreamento do seu programa.                                     |
| `{timestamp}`           | Conteúdo do ativo                      | Preenche com um carimbo de data/hora (no formato Unix epoch) quando o anúncio é recuperado. |
| `{randint}`             | Conteúdo do ativo / pixel de impressão | Preenche com um inteiro gerado aleatoriamente quando o anúncio é recuperado.                |

</details>

#### Solucionar erros de validação

Você pode ver as seguintes mensagens de erro ao criar seu anúncio de conteúdo. Veja o que você pode fazer para resolvê-las:

| Erro de validação                              | Explicação                                                                                                                                                                                                         |
| ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| *“Nenhum link substituível presente”*          | A impact.com não consegue detectar links substituíveis no *Conteúdo* campo. Os links devem incluir protocolo. Quaisquer links que usem `http` serão convertidos automaticamente para `https`.                      |
| *“O nome do anúncio não pode ficar em branco”* | Você deve fornecer um nome para seu anúncio de conteúdo no *Nome* .                                                                                                                                                |
| *“A URL no atributo anchor não é absoluta”*    | Há pelo menos 1 link em *Conteúdo* que não é absoluto. Links absolutos usam o caminho completo começando com `http:// ou https://`. Verifique se há problemas de sintaxe, como espaços antes ou depois de `href=`. |


---

# Agent Instructions: 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:

```
GET https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/ads/create-ads/create-an-article-asset.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.