Criar um Ativo 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 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.

6. Opcionalmente, insira Etiquetas para tornar seu recurso mais facilmente pesquisável.

   • Saiba mais sobre criar e gerenciar etiquetas de recurso.

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 [Caixa desmarcada] para Exigir reconhecimento do usuário.

      5. Selecione o [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 [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 [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 [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 [Caixa desmarcada] para Exigir reconhecimento do usuário.

      5. Selecione o [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 [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 [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 [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 usando o Esquema de URL do programa configurado em Configurações Gerais de Rastreamento.

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.

1. Selecione o Salvar ou Salvar Rascunho [Menu suspenso] e escolha entre as seguintes opções:

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.

Salvar Rascunho

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 <div> 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 <noscript> tag para o sistema aceitar o script quando ele não tiver um link de saída (Sem esta tag, encontraríamos um erro ao tentar fazer upload deste criativo.)

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

<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 no site'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='Enviar'
     id='submitbutton'>
 </form>
</div>
<script type="text/javascript">
function searchFunction() {  
// Obter o valor enviado pelo usuário a partir da caixa de busca 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// Anexar o searchTerm ao final da landingPage
var completeURL = landingPage.concat(searchTerm);
// Enviar 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 adiciona os termos de busca 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 o domínio de rastreamento do programa, ID do parceiro, ID do anúncio e valores de ID do programa.

• Uma vez clicado, o cliente será roteado através do impact.com e então encaminhado para a página de destino — neste caso, https://www.example.com

Referência de tokens dinâmicos

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

Solucionar erros de validação

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

Erro de validação	Explicação
“Nenhum link substituível presente”	impact.com não consegue detectar links substituíveis no Conteúdo campo. Os links devem incluir protocolo. Quaisquer links usando http serão automaticamente convertidos para https.
“O nome do anúncio não pode estar vazio”	Você deve fornecer um nome para seu anúncio de conteúdo no Nome campo.
"URL na âncora 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 por problemas de sintaxe, como espaços antes ou depois de href=.