# Criar um recurso 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 *Recurso de Artigo*, você pode atualizar seu anúncio HTML a qualquer momento sem ferramentas de terceiros. Para fazer upload, 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ê deseja rastrear quando os usuários clicarem no anúncio.
#### Criar Recurso de Artigo
1. Na barra de navegação à esquerda, selecione  **\[Engajar]** → **Conteúdo** → **Anúncios**.
2. No canto superior direito, selecione **Criar Anúncio**  **\[Menu suspenso]**, então selecione **Artigo**.
3. Preencha as informações nas seções a seguir:
Detalhes do Recurso
1. Insira um **Nome** para seu recurso.
2. Opcionalmente, insira uma **Descrição** fornecendo detalhes sobre o recurso.
3. Em *Página de Destino*, selecione  **\[Menu suspenso]** **Personalizado** para configurar uma página de destino personalizada para seu recurso. Deixe a configuração em **Padrão** para direcionar clientes para a página de destino do seu programa.
4. Se o anúncio for destinado à visualização em aplicativo móvel,  **\[Ativar]** **Retorno Móvel** e escolha a [propriedade do aplicativo móvel](https://app.gitbook.com/s/b2rE79d9UhOKZQLgzSqx/what-would-you-like-to-learn-about/account-management/account-settings/connect-media-properties/connect-a-mobile-app) relevante que vincula à página na loja do seu app.
* Isso garante que usuários sem o app serão redirecionados para baixar seu aplicativo.
5. Para adicionar parâmetros ao link de rastreamento da página de destino, selecione  **\[Adicionar Metadados]**. Esses parâmetros serão adicionados ao final do link de rastreamento do recurso.
* Saiba mais sobre [parâmetros de link de rastreamento](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/tracking/tracking-explained/tracking-link-parameters-explained).
6. Opcionalmente, insira **Etiquetas** para tornar seu recurso mais facilmente pesquisável.
* Saiba mais sobre criar e gerenciar [etiquetas de recurso](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/ads/manage-ads/add-labels-to-assets).
7.  **\[Ativar] Restringir Acesso de Parceiros** para definir quais grupos de parceiros podem usar este recurso, e pesquise pelos **Grupos de Parceiros** aos quais você deseja conceder acesso a este recurso.
Configuração do Recurso
1. No *Conteúdo* campo, insira o código HTML/CSS/JS do seu anúncio, ou use as opções do editor de texto rico para formatar seu conteúdo mais facilmente.
* **Dica:** Você pode fazer upload de imagens diretamente inline com seu conteúdo usando o editor de texto rico.
2. Se você estiver usando tokens dinâmicos, selecione **Inserir outros campos dinâmicos** para ver todas as inserções de tokens disponíveis.
* Veja o *Token dinâmico* referência abaixo para saber que tipo de conteúdo cada token insere.
3. Opcionalmente, selecione um **Tamanho do Recurso** selecionando uma resolução do  **\[Menu suspenso]**.
* A *Outra* opção permite que você configure um tamanho personalizado.
Detalhes Promocionais
1. Opcionalmente, selecione um **Oferta** ou **Adicionar Nova Oferta** do  **\[Menus suspensos]**.
2. Opcionalmente, defina **Data de Início** e **Data de Término** para o recurso, e defina um **Fuso Horário** do  **\[Menu suspenso]**.
* Selecione o  **\[Calendário]** para aplicar a data do recurso, então defina o  **\[Menu suspenso]** para definir os horários de início e término.
3. Opcionalmente, selecione  **\[Caixa desmarcada]** **Alterar página de destino na expiração**, e prossiga selecionando **Configurar Regra** para configurar o que acontece se a página de destino expirar.
**Redirecionar**
1. A partir do  **\[Menu suspenso]** selecione **Redirecionar**.
2. Insira o link para o qual o recurso será redirecionado.
3. Opcionalmente,  **\[Ativar]** **Página Intersticial** para ativar e configurar uma página intersticial associada a esta regra.
4. A partir do **Modelo**  **\[Menu suspenso]** selecione **Personalizado** ou **Instalação de App**.
1. **Personalizado**
1. Insira um **Texto do cabeçalho**.
2. Opcionalmente, insira uma **Texto do corpo**.
3. Opcionalmente, insira **Termos adicionais** para este recurso.
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 reconhecimento do usuário**.
5. Selecione o ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Mostrar logo do parceiro (co-branded)** e exibir tanto seu logo quanto o logo do parceiro juntos para uma experiência co-branded.
6. Selecione o ![\[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 **Visualizar**.
2. **Instalação de 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 **Carregar Logo** e **Carregar Imagem de Capa**, selecione **Escolher Arquivo**. Lembre-se de que formatos de arquivo GIF, JPG, PNG, SVG são suportados. O 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 um **Contagem regressiva de redirecionamento automático** com o número de segundos permitidos antes de redirecionar.
6. Opcionalmente, insira uma **Texto do corpo**.
7. Selecione o ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Mostrar logo do parceiro (co-branded)** e exibir tanto seu logo quanto o logo do parceiro juntos para uma experiência co-branded.
8. Selecione o ![\[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 **Visualizar**.
**Bloco**
1. Opcionalmente,  **\[Ativar]** para **Usar Intersticial** para ativar e configurar uma página intersticial associada a esta regra.
2. A partir do **Modelo**  **\[Menu suspenso]** selecione **Personalizado**.
3. Insira um **Texto do cabeçalho**.
4. Opcionalmente, insira uma **Texto do corpo**.
5. Selecione **Visualizar**.
**Intersticial**
1. A partir do **Modelo**  **\[Menu suspenso]** selecione **Personalizado** ou **Instalação de App**.
1. **Personalizado**
1. Insira um **Texto do cabeçalho**.
2. Opcionalmente, insira uma **Texto do corpo**.
3. Opcionalmente, insira **Termos adicionais** e condições a serem aplicadas.
4. Selecione o ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Exigir reconhecimento do usuário**.
5. Selecione o ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Mostrar logo do parceiro (co-branded)** e exibir tanto seu logo quanto o logo do parceiro juntos para uma experiência co-branded.
6. Selecione o ![\[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 **Visualizar**.
2. **Instalação de 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 **Carregar Logo** e **Carregar Imagem de Capa**, selecione **Escolher Arquivo**. Lembre-se de que formatos de arquivo GIF, JPG, PNG, SVG são suportados. O 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 um **Contagem regressiva de redirecionamento automático**, para indicar os segundos permitidos antes de redirecionar.
6. Opcionalmente, insira uma **Texto do corpo**.
7. Selecione o ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Caixa desmarcada]** para **Mostrar logo do parceiro (co-branded)** e exibir tanto seu logo quanto o logo do parceiro juntos para uma experiência co-branded.
8. Selecione o ![\[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 **Visualizar** e uma vez que você esteja satisfeito com a visualização, selecione **Enviar**.
**Encaminhamento Profundo Móvel**
1. A partir do **Modelo**  **\[Menu suspenso]**, selecione **Encaminhamento Profundo Móvel**.
2. Insira o **Texto do cabeçalho** e **Cor da fonte do cabeçalho**.
3. Insira o **Subcabeçalho** e **Cor da fonte do subcabeçalho**.
4. Para **Carregar Logo** e **Carregar Imagem de Capa**, selecione **Escolher Arquivo**. Lembre-se de que formatos de arquivo GIF, JPG, PNG, SVG são suportados. O tamanho máximo do arquivo é 1 MB.
5. Insira um **Rótulo do botão Abrir App** (por exemplo, *Ir para o App*).
* Insira um **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 **Abrir App** selecionando uma das opções,  **\[Botão de rádio]** **Assim que o intersticial carregar** ou  **\[Botão de rádio]** **Quando o botão for tocado**.
7. Selecione  **\[Caixa desmarcada]** para optar por um **Redirecionamento automático** e insira o número de segundos permitidos antes de redirecionar.
8. Insira um **Caminho URI padrão** a ser usado ao construir [URI móvel](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes) 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 **Regex de URI personalizado** para definir o padrão de correspondência para URIs móveis no esquema de URL personalizado do app.
10. Selecione o  **\[Caixa desmarcada]** para **Personalizar CSS** e adicione o código CSS desejado na caixa de texto.
11. Selecione **Visualizar**.
12. Opcionalmente, especifique se o recurso é **Sazonal** e use o  **\[Menu suspenso]** para selecionar um período promocional relevante.
13. Em *Opções Promocionais Adicionais*, você pode selecionar se sua  **\[Caixa] Oferta é um item mais vendido** ou  **\[Caixa] Permitir que um parceiro de mídia solicite seu próprio código promocional exclusivo para esta promoção**.
Configurações Avançadas
1. A partir do  **\[Menu suspenso]**, selecione em qual **Idioma** você deseja veicular este recurso.
2. Para limitar parceiros a usar códigos de rastreamento em iFrame (e impedir códigos de rastreamento HTML) para este recurso, selecione  **\[Caixa de seleção]** **Limitar Parceiros ao código de rastreamento iFrame para este recurso**.
3. Para configurar um pixel de terceiros para o recurso,  **\[Ativar] Pixel de Impressão de Terceiros**.
* Isso permite que você envie dados de impressão para seus sistemas de análise externos.
* Veja o *Token dinâmico* referência para saber que tipo de conteúdo você pode inserir com cada token.
4. Selecione o **Salvar** ou **Salvar Rascunho**  **\[Menu suspenso]** e escolha entre as seguintes opções:
{% tabs %}
{% tab title="Salvar" %}
* **Salvar** - Salva o recurso e o ativa.
* **Salvar e Criar Outro** - Salva o recurso e abre um novo formulário para criar outro.
* **Salvar e Criar Outro com as Mesmas Configurações** - Salva o recurso e inicia um novo com as mesmas configurações preenchidas.
{% endtab %}
{% tab title="Salvar Rascunho" %}
* **Salvar Rascunho** - Salva seu progresso sem ativar o recurso.
* **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 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 de forma independente de outros conteúdos
* Um `
` contêiner para o widget
* Função JavaScript que cria dinamicamente um link de rastreamento impact.com e anexa parâmetros de string de consulta
* Um `
