Visualizar criativos

Clique no botão de visualização para ver o criativo e testar configurações diferentes.

• Encontrar o botão de visualização: uma maneira rápida de encontrar esse botão é passar o cursor sobre a linha do seu criativo na campanha (ou na guia "Criativos" do anunciante) ou abrir o criativo. Veja abaixo todos os locais de botões.

• Testar as configurações de visualização: clique em Mostrar detalhes na janela de visualização para saber detalhes adicionais e as opções de visualização. Você também pode usar os botões na parte superior da janela de visualização para ver a aparência do criativo em diferentes sites, dispositivos e navegadores. Saiba mais sobre as configurações abaixo.

A janela de visualização carrega seu criativo com base nas propriedades do criativo no Campaign Manager 360 mesmo que você ainda não tenha salvado as últimas edições.

Dependendo de onde você estiver visualizando um criativo no Campaign Manager 360, algumas opções de visualização podem não estar disponíveis. Por exemplo, se você visualizar na guia "Criativos" de um anunciante, não será possível testar as páginas de destino finais de todos os tipos de criativos.  

Tópicos deste artigo

Opções gerais de visualização

As seguintes opções de visualização estão disponíveis para a maioria dos tipos de criativos:

• Visualização em um site: no modo de visualização em computadores desktop, abra o menu Site e selecione URL personalizado. Em seguida, insira o URL completo do site que você quer visualizar. Observação: a visualização do criativo será exibida somente se o site tiver um posicionamento do anúncio do mesmo tamanho que o criativo visualizado.

• Tipos de dispositivos e navegadores: clique aqui para as etapas. O processo é abordado na seção sobre rich media. Esse recurso só é compatível com imagens e rich media.

• Backup e recursos de imagem em um criativo: abra as propriedades do criativo e clique no botão "Visualizar" ao lado do recurso.

• Recursos de visualização por tipo de criativo: a maioria dos tipos de criativo tem recursos especiais, como de visualização de vídeo ou configurações de elementos rich media. Consulte a seção correspondente abaixo.

• Log de eventos: use-o para ver eventos específicos, como a página de destino. A página de destino pode ser diferente dependendo de onde você visualiza o criativo no Campaign Manager 360, de um anúncio ou de um criativo. Sempre verifique as tags de posicionamento ativas para a página de destino final. 

Todas as localizações do botão "Visualizar"

Visualização da campanha

• Encontre uma linha com um criativo. Passe o cursor sobre seu nome e clique no botão "Visualizar".

Propriedades do anúncio

• Abra um anúncio com criativos. O botão está na seção Atribuições do criativo ou, no caso dos anúncios padrão, em Criativo padrão.

Propriedades do criativo

• O botão está abaixo da janela de propriedades, ao lado do botão Salvar.

• Encontre o botão ao lado de vários materiais do criativo, como arquivos de veiculação in-stream.

• Visualize os criativos padrão ou Rich Media na página de propriedades do criativo.

Guia "Criativos" do seu anunciante

• Clique em Todos os anunciantes no menu lateral à esquerda no nível da conta e escolha um anunciante. Na guia Criativos, o botão se encontra na coluna Visualização.

Visualização de rich media e VPAID

Veja abaixo as orientações sobre cada seção da janela de visualização, além de um solucionador rápido de problemas no final. As opções de visualização de Rich Media estão disponíveis somente quando você visualiza todo o criativo, e não quando visualiza um backup individual ou recursos de imagem no criativo. Isso inclui criativos VPAID.

Testar vários dispositivos ou tipos de navegador

Os tipos de criativos para dispositivos móveis incluem um menu Local da visualização na parte superior da janela de visualização. Use esse menu para enviar criativos HTML5 para dispositivos móveis ao aplicativo Creative Preview no seu smartphone ou tablet. O Creative Preview é um app para dispositivos móveis compatível com Android e iOS que ajuda você a testar criativos com SDKs de anúncios para dispositivos móveis. Saiba mais

Se você não tiver o app Creative Preview, clique no botão remoto  para visualizar seu criativo em outros tipos de dispositivos ou navegadores. Isso só funciona com criativos de imagem ou Rich Media.

• Visualizar em outros dispositivos: clique no botão remoto na parte superior da janela de visualização. Passe seu dispositivo móvel sobre o código QR. Será necessário usar um aplicativo de scanner de código QR. Em seguida, acesse o URL que é carregado.

  Como alternativa, clique com o botão direito no link abaixo do código QR, copie o URL e envie-o ao dispositivo (por exemplo, por e-mail).

• Visualizar em outros navegadores: clique no botão "Remoto" na parte superior da janela de visualização. Clique com o botão direito do mouse no link abaixo do código QR e copie o URL. Em seguida, cole-o em outra janela do navegador.

Qualquer alteração que você fizer na janela de visualização atualizará automaticamente o criativo no outro dispositivo ou navegador.

Por que usar esse recurso?

É um jeito rápido de conferir se o criativo é processado corretamente em outros tipos de dispositivos ou navegadores. Por exemplo, ele permite verificar se um criativo rich media funciona nos navegadores Chrome e Firefox.

Site

Escolha o tipo de site para visualizar seu criativo. No modo de visualização "Computador", abra o menu Site e selecione uma das seguintes opções:

• Página em branco: visualize o criativo em uma página em branco.

• Site de exemplo: veja seu criativo em um local de uma amostra de layout de página da Web. Essa página tem várias posições em um layout de página falso (com cabeçalhos e barras laterais). O Campaign Manager 360 coloca seu criativo na posição que melhor corresponde às dimensões dele.

• URL personalizado: insira um URL externo para visualizar o criativo em uma página externa, como o site onde seu anúncio será exibido. Esse URL pode ser de qualquer site, mas a visualização do criativo será exibida somente se o Campaign Manager 360 tiver um posicionamento do anúncio do mesmo tamanho que o criativo visualizado.

Detalhes do criativo

Clique em Mostrar detalhes e expanda o painel Detalhes do criativo para ver nome, tipo, modo, dimensões e data da criação/última modificação do criativo.

Propriedades de exibição

Para ajustar as configurações de exibição de um criativo, clique em Mostrar detalhes e expanda o painel Propriedades de exibição. Ao abrir uma visualização pela primeira vez, essas propriedades são carregadas com base no criativo real.

1. Edite os campos na seção Propriedades de exibição. Alguns campos não podem ser alterados porque as propriedades só são editadas no Studio.

   Ao visualizar um criativo com várias partes, as propriedades dele estarão divididas em seções separadas.

2. Para atualizar o criativo com suas mudanças, pressione a tecla ENTER ou clique em um novo campo.

   Se você definir um início para a exibição (ou seja, um atraso de alguns segundos antes do aparecimento do criativo), não verá a nova versão até que os segundos definidos tenham passado.

3. Se estiver satisfeito com as alterações das propriedades na visualização, clique em Salvar para salvá-las no seu criativo real.

   Para recomeçar, clique em Descartar alterações. Isso descarta as alterações e recarrega sua visualização original. Nenhuma alteração feita na visualização afetará seu criativo real, a menos que você clique em Salvar.

Consulte a próxima seção para mais informações sobre posicionamento.

Posicionamento

Para ajustar a posição do seu criativo na veiculação, use as configurações em Posicionamento na seção Propriedades de exibição da visualização. Você pode inserir valores ou mover o criativo usando o cursor ou as teclas de direção.

• Inserir valores: defina a posição do criativo inserindo a distância da parte superior e da parte esquerda da página. Insira os valores nos campos Superior e Esquerdo. Você pode inserir um número de pixels ou uma porcentagem das dimensões.

  • Por exemplo, insira 10 pixels no campo Superior para mover o criativo 10 pixels a partir da parte superior da janela. Insira 10% no campo Superior para definir a distância entre o criativo e a parte superior em 10% da altura total (por exemplo, 90% da parte superior).

• Cursor / teclas de direção: clique em Ativar arrastar para mover o criativo manualmente usando seu cursor ou as teclas de direção.

  • Cursor: use seu mouse para arrastar e soltar o criativo. Clique em Bloquear posição se quiser mover o criativo somente em uma direção (como apenas para cima ou para baixo, não para os lados).

  • Teclas: para posicionamento mais preciso, use as teclas de direção. Sempre que você pressiona uma tecla de direção, o criativo se move um pixel nessa direção. Mantenha a tecla SHIFT pressionada para aumentar a taxa para 10 pixels.

Eventos

Clique em Resumo do evento para visualizar e filtrar dados agregados sobre os eventos do criativo.

• Filtros de tipo: escolha se Todos os eventos, eventos Personalizados ou eventos Padrão serão listados abaixo. Clique nos cabeçalhos acima da lista para ordenar seus eventos pelos cabeçalhos Nome, Tipo, Contagem e Hora e alterar a ordem dos eventos listados.

• Mostrar filtros: esses filtros alteram quais eventos são exibidos na visualização. Escolha Todos para mostrar o total dos eventos, independentemente de terem ou não sido acionados na visualização. Selecione Ativados para mostrar somente os eventos que você acionou ou Desativados para ver aqueles que não foram acionados na visualização. Essas opções também mudam os eventos que serão relacionados no resumo do evento.

• Para buscar um evento específico, insira-o na caixa de pesquisa Nome do evento.

O que é um evento?

Criativos são codificados para registrar informações sobre seu comportamento e sobre as interações do usuário. Um evento é aquilo que o criativo for codificado para registrar. Pode ser algo que o criativo faz (e logo após registra), como a expansão no navegador, ou pode ser algo que o usuário faz, como passar o cursor sobre uma animação.

Eventos padrão são ativados, medidos e informados automaticamente em qualquer criativo Rich Media. São incluídos cliques, tempo de exibição e a frequência com que um vídeo é reproduzido. Eventos personalizados podem ser adaptados a um criativo HTML5 pelo designer do Studio. Podem incluir um determinado tipo de evento de saída ou um cronômetro para comportamentos específicos ao criativo.

Os usuários do Studio podem ler mais sobre eventos (também chamados de "métricas") na Central de Ajuda do Studio.

Log de eventos

O log de eventos mostra os eventos e o horário em que eles ocorreram para todos os eventos padrão e personalizados. Ele também registra impressões quando você aciona um evento de saída, expande o criativo, visualiza-o no modo de tela cheia ou passa o mouse sobre o anúncio por um ou mais segundos.

Clique em Apagar registro para limpar o registro e começar de novo.

Não consigo ver meu criativo

.

Verifique as configurações na seção de Propriedades de exibição da janela de visualização:

• Posicionamento: se você tem um número muito grande de pixels na parte superior ou à esquerda, o criativo pode posicionar-se fora da tela. Diminua os números e pressione a tecla ENTER. Se estiver visualizando vários recursos, confira se um elemento não está escondido atrás de outro.

• Início da exibição / Duração da exibição: verifique se o início da exibição não está definido como Nenhum ou atrasado por muito tempo, e se a duração não está definida como zero.

Visualização de VPAID

Os criativos VPAID também são rich media, mas têm tipos de recursos diferentes de outros criativos de rich media, porque usam players de vídeo in-stream. É possível ver todo o criativo com o botão de visualização na visualização da campanha ou nas propriedades do criativo. Ou visualizar recursos de imagens individuais e arquivos de veiculação de recursos de backup.

Ao visualizar todo o criativo, você tem as opções de visualização rich media. Consulte a seção "Opções gerais de visualização" acima para ver mais informações.

Visualização de vídeo in-stream

Etapas para visualizar um vídeo in-stream

1. Abra um criativo.

2. Clique em Visualizar ou em . A orientação do player de vídeo na visualização é a mesma do arquivo de origem do vídeo.

3. Clique em Mostrar detalhes  para visualizar os Detalhes do criativo, o Resumo do evento e o Log de eventos. Como testar eventos do criativo.

4. Para ver como o vídeo ficará em resoluções diferentes, selecione um tamanho em Resoluções de vídeo. Se não encontrar o tamanho desejado no menu, role até a parte inferior da página e clique em Adicionar novo tamanho para inserir uma largura e uma altura personalizadas. As resoluções de vídeo personalizadas são usadas apenas para visualização e não afetam os tamanhos da posição na programação.

5. Para visualizar seu vídeo em um dispositivo, instale o app Creative Preview. Abra o menu Local da visualização e clique em Ler código QR. Um código QR é exibido. Leia o código QR com o app Creative Preview para visualizar seu vídeo.

6. Para reiniciar o vídeo, clique em Atualizar .

Visualização de áudio in-stream

Etapas para visualizar um áudio in-stream

1. Clique no botão de visualização na parte superior das propriedades do criativo.
2. No Modo para dispositivo móvel, os anúncios em áudio são visualizados em um frame do dispositivo. Use os controles do player de áudio na parte inferior do frame para ouvir seu criativo.
   • O frame do dispositivo ficará preto durante a reprodução do arquivo de áudio.
   • O tipo de dispositivo não afetará a experiência de prévia do áudio.
3. Caso seu anúncio em áudio tenha um criativo complementar, selecione o modo Recursos. O criativo complementar será exibido com a prévia do áudio. Clique no menu "Tamanhos complementares" para escolher o tamanho que você quer visualizar. 
4. Para visualizar um arquivo de veiculação específico, clique no botão ao lado do próprio arquivo na seção Arquivos de veiculação. É possível testar todos os arquivos de veiculação nessa janela, mas não é possível verificar eventos nem testar propriedades diferentes.
5. Se você quiser ver um arquivo de veiculação específico na visualização principal, faça o seguinte:
   1. Defina o arquivo de veiculação como ATIVADO em Incluir na veiculação das propriedades do criativo.
   2. Depois defina todos os outros arquivos de exibição como DESATIVADO. Assim você garante que o player de vídeo do Campaign Manager 360 usará o arquivo específico de veiculação.
   3. Clique no botão de visualização na parte superior das propriedades do criativo.

Visualização do criativo dinâmico

Os criativos dinâmicos incluem configurações adicionais que permitem alternar entre o rascunho e o conteúdo dinâmico publicado. Para mudar o conteúdo exibido, clique em Mostrar detalhes e expanda o painel Configurações da visualização dinâmica. Selecione Rascunho ou Publicado e clique em Aplicar.

O que são os elementos dinâmicos?

Se o criativo for dinâmico, você verá o ID e o ícone de criativo dinâmico ao lado dele no Campaign Manager 360, na visualização da campanha ou na guia "Criativos" do anunciante.

Os criativos dinâmicos podem ser definidos para ter uma aparência ou um comportamento diferente, dependendo do contexto. Isso ocorre porque eles permitem o uso de elementos dinâmicos, que podem mudar dependendo das regras que o desenvolvedor escolher.

Existem muitos tipos de regras que indicam como os elementos dinâmicos são alterados. Eles podem mudar com base em palavras-chave, código do país, ID do anúncio do Campaign Manager 360 ou pares de chaves-valor personalizados.

Por exemplo, o criativo pode ter uma regra para usar imagens diferentes na Alemanha e na França, com base no código do país que o Campaign Manager 360 detectar. Nesse caso, a imagem é o elemento dinâmico, e o criativo tem uma regra para usar imagens diferentes com base no código do país.

Os criativos dinâmicos são enviados do Studio ao Campaign Manager 360. Saiba mais sobre como trabalhar com criativos dinâmicos no guia da Central de Ajuda do Studio.

Visualização de recursos HTML5

Caso seu criativo de exibição tenha um recurso HTML5, clique em HTML5 no canto superior esquerdo da janela de visualização para vê-lo.

Visualização da click tag

Para ver as click tags no seu recurso, visualize o criativo, clique em Mostrar detalhes  e expanda o painel Log de eventos . Se você clicar no seu criativo, verá uma entrada para a click tag que foi acionada.