Visualizar anúncios ou páginas HTML

É possível visualizar o anúncio HTML5 ou a página HTML em um navegador para analisar a aparência e o funcionamento após a publicação, inclusive dos eventos.

Anúncios gráficos e em vídeo

As opções de visualização descritas nesta página não estão disponíveis para anúncios em vídeo.
Os anúncios gráficos só podem usar o link de visualização compartilhável.

Para visualizar o trabalho, use um dos seguintes métodos:

Clique no botão Visualizar no canto superior direito da janela.
Selecione Arquivo > Visualizar no menu superior.
Pressione Ctrl+Enter (Windows) ou ⌘+Enter (Mac).

Não é possível visualizar um documento no navegador abrindo diretamente o arquivo HTML incluído nos seus arquivos de origem. Em vez disso, use o recurso de visualização do Google Web Designer.

Opções de visualização

Visualizar no navegador

A maneira mais rápida de visualizar seu trabalho é em um navegador no computador. Na primeira vez que fizer isso, será necessário escolher um navegador para usar. Depois de escolher um, clicar no botão Visualizar usará esse navegador por padrão.

Seleção do navegador

O Google Web Designer detecta os navegadores instalados. Para visualizar em um navegador específico, clique na seta para baixo no botão Visualizar e selecione o navegador na lista. O que você selecionar se tornará o padrão para visualizações futuras.

Seleção de tamanhos responsivos

Para documentos responsivos, ative os tamanhos de visualização desejados no painel "Responsivo".

Modo de visualização

O Google Web Designer oferece diferentes modos de visualização dependendo do tipo de documento. Você pode selecionar o modo de visualização nos controles na parte superior da página correspondente.

A tabela abaixo descreve os modos de visualização disponíveis para o documento. Os anúncios de banner simples não oferecem modos de visualização.

Se o documento incluir o componente "Paralaxe", a visualização simulará uma página da Web para dispositivos móveis com conteúdo suficiente para você rolar a tela acima e abaixo do componente.

Dispositivo: selecione um dispositivo móvel ou a opção Personalizado.
Girar o dispositivo : alterne entre retrato e paisagem.
Tamanho da janela de visualização: se você selecionar Personalizado para o dispositivo, poderá definir um novo tamanho editando esse campo ou arrastando as alças de redimensionamento da visualização.

Os anúncios com paralaxe sempre usam o modo de visualização correspondente.

Tipo de documento	Modos de visualização
Expansível, intersticial ou página HTML	Você pode interagir com a visualização do seu documento para ver como ele se comporta. Modo de visualização: selecione Computador ou Dispositivo móvel. Se você selecionar Dispositivo móvel, será possível escolher opções adicionais: Dispositivo: selecione um dispositivo móvel ou Personalizado. Girar o dispositivo : alterne entre retrato e paisagem. Tamanho da janela de visualização: se você selecionar Personalizado para o dispositivo, poderá definir um novo tamanho ao editar esse campo ou arrastar as alças de redimensionamento da visualização.
Responsivo	Com a visualização, você pode ver rapidamente como o documento responsivo é processado em tamanhos diferentes. Modo de visualização: selecione Tamanho único ou Todos os tamanhos para ver vários ao mesmo tempo. A lista de tamanhos inclui os tamanhos comuns para o ambiente do anúncio e os tamanhos de veiculação adicionais que você ativou. Tamanho personalizado: se você selecionar Tamanho único > Personalizado, poderá definir um novo tamanho editando esse campo, arrastando as alças de redimensionamento da visualização ou clicando nas barras cinza na parte superior ou à esquerda da área de visualização.
Dinâmico	É possível visualizar seu anúncio dinâmico com diferentes conjuntos de dados de amostra. Modo de visualização: selecione Tamanho único ou Todos os dados de amostra para ver várias versões usando dados de amostra diferentes. Dados de amostra: selecione quais conjuntos de dados de amostra serão visualizados.

Tipo de documento

Modos de visualização

Expansível, intersticial ou página HTML

Você pode interagir com a visualização do seu documento para ver como ele se comporta.

Modo de visualização: selecione Computador ou Dispositivo móvel.
Se você selecionar Dispositivo móvel, será possível escolher opções adicionais:
- Dispositivo: selecione um dispositivo móvel ou Personalizado.
- Girar o dispositivo : alterne entre retrato e paisagem.
- Tamanho da janela de visualização: se você selecionar Personalizado para o dispositivo, poderá definir um novo tamanho ao editar esse campo ou arrastar as alças de redimensionamento da visualização.

Responsivo

Com a visualização, você pode ver rapidamente como o documento responsivo é processado em tamanhos diferentes.

Modo de visualização: selecione Tamanho único ou Todos os tamanhos para ver vários ao mesmo tempo. A lista de tamanhos inclui os tamanhos comuns para o ambiente do anúncio e os tamanhos de veiculação adicionais que você ativou.
Tamanho personalizado: se você selecionar Tamanho único > Personalizado, poderá definir um novo tamanho editando esse campo, arrastando as alças de redimensionamento da visualização ou clicando nas barras cinza na parte superior ou à esquerda da área de visualização.

Dinâmico

É possível visualizar seu anúncio dinâmico com diferentes conjuntos de dados de amostra.

Modo de visualização: selecione Tamanho único ou Todos os dados de amostra para ver várias versões usando dados de amostra diferentes.
Dados de amostra: selecione quais conjuntos de dados de amostra serão visualizados.

Mais de um tipo?

Alguns tipos de documentos excluem opções para materiais diferentes.

Os anúncios expansíveis e intersticiais exibem somente uma versão por vez na visualização, mesmo sendo responsivos ou dinâmicos também.
Os documentos responsivos e dinâmicos (que não são anúncios expansíveis ou intersticiais) permitem visualizar vários tamanhos ou diferentes feeds ao mesmo tempo, mas não as duas opções.

Atualizar visualizações

Para redefinir a visualização de um anúncio ou uma página HTML para seu estado inicial, clique no botão Atualizar no lado direito da barra de controle da visualização.

Se você estiver visualizando várias versões de um anúncio responsivo ou dinâmico, clique em Atualizar abaixo de uma única versão.

Selecione Gerar link compartilhável no menu do botão "Visualizar" para gerar um código QR e um URL de visualização.É necessário estar conectado à sua Conta do Google.

Leia o código QR com seu dispositivo móvel para acessar uma página da Web que exibe o anúncio.
Clique em Copiar link para compartilhar o URL da página com outras pessoas. Assim, elas podem visualizar o anúncio no navegador.

Na primeira vez que você gerar um link compartilhável, será necessário conceder permissão ao Google Web Designer para visualizar anúncios dos criativos baseados em display para dispositivos móveis.

Se você encontrar um erro, saia da sua conta no Google Web Designer (selecione o e-mail de login no menu superior), faça login e marque Visualizar anúncios criativos baseados em display para dispositivos móveis na lista de opções.

Observação: essa opção de visualização está disponível somente para anúncios com ambientes do Display & Video 360, do Google Ads ou da AdMob. Os anúncios HTML para AMP e os anúncios expansíveis com tamanhos personalizáveis não são compatíveis.

Limitações para alguns tipos de anúncio

Para anúncios responsivos, é necessário selecionar um tamanho específico para a visualização. Para anúncios gráficos de vários tamanhos, é possível selecionar vários tamanhos.

Os anúncios dinâmicos vão exibir somente elementos de marcador. No momento, não é possível compartilhar uma visualização do anúncio com dados de amostra ou de feed. Para anúncios gráficos com variantes, selecione diversas variantes para incluir na visualização.

Visão geral dos recursos de visualização com link compartilhável e em dispositivos móveis

Visualizar mudanças

As visualizações geradas não refletirão mudanças subsequentes no documento ou nos dados de amostra, mesmo que você recarregue a visualização ou atualize a página. Inicie uma nova visualização para ver as edições.

Isso foi útil?

Como podemos melhorá-lo?