Neste Artigo
Artigos Relacionados

Tags Adicionais de Formatos

Objetivo: Este artigo explica como implementar tags adicionais para formatos específicos da Nobeta.

Os formatos como Pré-paragraph, DT e Image Overlay (IO) podem ser posicionados manualmente dentro da página através de tags HTML simples (div) com o identificador esperado para cada formato. Estas tags devem sempre ser colocadas dentro da tag <body>, junto do conteúdo da página.

Normalmente, esta configuração é feita pela equipe da Nobeta após uma análise técnica para definir os melhores locais e tamanhos para a entrega de publicidade. No entanto, caso haja necessidade, disponibilizamos a opção de fazer esta definição manualmente, o que requer conhecimentos técnicos de programação e da plataforma de hospedagem do site.

Importante: As tags sempre têm identificador único. Não é permitido colocar mais de uma tag adicional do mesmo tipo na mesma página, pois o script vai encontrar e renderizar apenas um banner por página.

Pré-Paragraph

Pré-Paragraph

É um banner com um aspecto horizontal, normalmente recomendado para ser posicionado logo depois do título do artigo/notícia, antes do primeiro parágrafo.

<div id="nbtpreparagraph"></div>

Recomendação de posicionamento: Logo após o título principal (<h1> ou <h2>) e antes do primeiro parágrafo.

DT

DT (Display Tradicional)

Este formato pode ter vários tamanhos, normalmente com um aspecto quadrado e contendo um botão de fechar. Pode ser colocado, por exemplo, na sidebar da página ou junto de uma lista de notícias.

<div id="nbtdt"></div>

Recomendação de posicionamento: Na sidebar do site, entre uma lista de notícias ou em espaços onde conteúdo quadrado se ajuste bem ao layout.

Image Overlay (IO)

Image Overlay (IO)

O Image Overlay tem um efeito de fechamento único, normalmente posicionado junto a uma imagem, carregando um banner de aspecto horizontal acima da imagem. Neste caso, deve ser posicionado dentro do container da imagem da notícia, acima da tag <img>.

<div id="nbtio"></div>

Recomendação de posicionamento: É recomendável colocar em imagens grandes, para ter espaço suficiente para carregar os anúncios de forma correta, sem quebrar o layout da página.

Recomendações gerais

Ao implementar as tags adicionais, considere as seguintes recomendações:

  • Utilize apenas uma tag de cada tipo por página
  • Posicione as tags em locais onde não irão prejudicar a experiência de leitura
  • Verifique se o posicionamento não causa quebra de layout em dispositivos móveis
  • Em caso de dúvidas, solicite ajuda à equipe técnica da Nobeta
Dica: Caso prefira não lidar com a implementação técnica, nossa equipe pode realizar a configuração remotamente, sem necessidade de alterações manuais no site. Entre em contato com o suporte para mais informações.