Depois de definir as configurações de anúncios nativos, você pode estilizar seu anúncio nativo. Este artigo explica as configurações obrigatórias e opcionais.
Estilizar seu anúncio nativo usando:
Editor de design guiado
Ao selecionar o Editor de design guiado para criar um estilo nativo, você pode usar os controles para estilizar o anúncio nativo combinando com a aparência do seu site ou app. As atualizações são aplicadas automaticamente à visualização do anúncio, o que permite a experimentação.
Dicas para usar o editor de design guiado
Tamanho da visualização
Ao criar um estilo com tamanho "Flexível", é possível atualizar a configuração "Largura da visualização" para ver a aparência do anúncio em diferentes tamanhos de tela. Você também pode redimensionar manualmente a largura usando a barra azul ao lado da visualização. A altura é atualizada automaticamente.
Reorganizar elementos
Clique em Reorganizar elementos para mostrar ou ocultar os elementos dentro de cada cartão no painel direito e reorganizá-los. Por exemplo, você pode mover a call-to-action acima do nome do anunciante e remover o logotipo dele.
Painel "Estilizar anúncio nativo"
O painel "Estilizar anúncio nativo" permite atualizar as configurações conforme necessário. Por exemplo, se você expandir "Título", poderá escolher se o título do anúncio terá no máximo 30 caracteres (curto) ou 90 caracteres (longo).
- Archivo
- Arial
- Arimo
- Bitter
- Comic sans
- EB Garamond
- Geneva
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
Estilo no editor de CSS
- Não será mais possível fazer alterações adicionais com os controles de interface.
- Se você introduzir erros de política ao editar o CSS, o estilo nativo não vai estar mais qualificado para leilões do Ad Exchange, mas ainda vai poder ser veiculado por meio da programática garantida.
- Não é possível editar código HTML no Editor de design guiado. Para mais personalização, é possível escolher a opção Editor de HTML e CSS, mas você perderá a qualificação programática.
Para editar o CSS diretamente, ative a opção Estilo no editor de CSS.
Se você editar o CSS, clique em Validar para garantir que o estilo esteja em conformidade com as políticas do Ad Exchange.
HTML e CSS
Selecionar a opção "Editor de HTML e CSS" para criar um estilo nativo permite que você use HTML e CSS e estilize um anúncio nativo para combinar com a aparência do seu site ou app. É possível fazer experimentações, já que as atualizações são aplicadas automaticamente à prévia do anúncio nesta página.
Dicas para usar o editor de HTML e CSS
Tamanho da visualização
Ao criar um estilo com tamanho "Flexível", é possível atualizar a configuração "Largura da visualização" para ver a aparência do anúncio em diferentes tamanhos de tela. Você também pode redimensionar manualmente a largura usando a barra azul ao lado da visualização. A altura é atualizada automaticamente.
Tipo de renderização
Selecione se você quer gerar anúncios nativos otimizados para Accelerated Mobile Pages (AMP). Se você tiver selecionado o tamanho "Flexível" nas configurações de anúncios, não será possível alterar a configuração "Padrão" aqui.
- Padrão: os anúncios nativos funcionarão na Web para computadores e para dispositivos móveis, além de apps para dispositivos móveis. Esses anúncios também vão funcionar no conteúdo AMP, mas não vão ser tão rápidos quanto a opção que usa essa tecnologia.
- AMP: os anúncios AMP foram criados especificamente para serem mais rápidos no conteúdo que usa essa tecnologia, mas também vão ser veiculados em conteúdo padrão.
- Padrão e AMP: adicione um código separado para produzir uma das versões do anúncio nativo. O Ad Manager veicula a versão AMP no conteúdo com essa tecnologia e a versão padrão no conteúdo correspondente. Saiba como usar wrappers de criativo para adicionar snippets de código em anúncios.
Painel "Estilizar anúncio nativo"
No painel à direita, é possível alternar entre HTML e CSS e fazer as atualizações necessárias. Saiba mais sobre como adicionar código a anúncios nativos.
Adicione o "link universal próprio" do iOS ao HTML
Os link universais próprios são usados em apps iOS para navegação no app. Para usar o link universal próprio em um criativo nativo, adicione a macro %%ONE_CLICK_HANDLER_TARGET%% ao HTML, como neste exemplo:
Próxima etapa
Depois de concluir a configuração do estilo, clique em uma das duas opções para salvar as alterações:
- Salvar e ativar atualiza o status do estilo para "Ativo" e permite que ele veicule anúncios.
- Salvar atualiza o status para "Inativo" e ainda não permite a veiculação de anúncios. Para ativar mais tarde, acesse a tabela de estilos nativos salvos, selecione uma opção e clique em Ativar.
Para usar o estilo nativo em um item de linha específico, aplique um estilo nativo a um item de linha específico.