Ir para o conteúdo principal

Como funcionam os banners

O banner é a peça visual exibida em umnum espaço do site, como a imagem principal da página inicial, a chamada de um lançamento ou o anúncio de um parceiro.

Ele pode direcionarlevar o visitante paraa um imóvel, a uma página do próprio site ou a um endereço externo. Também pode ter um período definido para entrar no ar e sair dodele arsozinho.

automaticamente.

Para ver os banners, você precisa da permissão Navegação no Módulo

banners.gif

Rotina: Site > Banners > Banners. Cadastrar, editar e excluir pedem as permissões Cadastrar, Editar e Deletar do mesmo item.


Navegação no módulo

Caminho no menu: Site, Conteúdo e a aba Banners da tela Sites e Domínios

Rotina: Site > Conteúdo > Banners

O item Conteúdo do menu abre a aba Conteúdo do site da tela Sites e Domínios. Os banners ficam na aba Banners, ao lado de Artigos e Depoimentos.


Antes de cadastrar: o grupo

image.png

Todo banner precisa estar relacionadopertence a um grupo de banners.

 O grupo é obrigatório e define onde o banner será exibidoaparece no site e qual será a altura do espaço utilizado.

SemVocê umacessa os grupos pelo botão Grupos, ao lado de Cadastrar, na própria aba Banners. Cadastre o grupo previamenteantes cadastrado, não é possível criar odo banner.

O passo a passo dessa configuração está disponível na página Como funcionam os grupos de banners?banners.


Cadastrando um novo banner - A Identificaçãolista dos banners

image.pngAba Banners com o filtro Ativo igual a Sim, os botões Ações, Cadastrar e Grupos e a lista de banners com imagem, grupo, descrição, controle, datas, redirecionamento e link

A lista abre com o filtro Ativo igual a Sim, que mostra só os banners ativos. Para ver os inativos, remova o filtro clicando no x ao lado dele.

CampoColuna

DescriçãoO que mostra

DescriçãoImagem

InformaçãoA deminiatura usoda interno. Não é exibida publicamente e serve para facilitar a identificaçãoimagem do banner na listagem.banner.

Grupo dedo bannersbanner

CampoO obrigatório.grupo, Defineou o grupo e, consequentemente,seja, o espaço do site em que o banner será apresentado.aparece.

Descrição

A identificação interna do banner.

Controle

Se o banner aparece sempre ou só num período.

Data início

O começo do período. Mostra Sempre quando não há período.

Data fim

O fim do período. Mostra Sempre quando não há período.

Redirecionamento

O tipo de destino: URL, Página, Imóvel ou Sem redirecionamento.

Link

O endereço para onde o clique leva. Clique nele para abri-lo.

Status

Só tem ícone: o verde indica banner ativo, e o vermelho, inativo.

A lista segue o campo Ordenação dos banners: o banner com o maior valor vem primeiro. No botão Colunas, você também pode mostrar as datas de criação e de alteração.

A busca procura pela descrição, pelo link e pelo grupo. Ao clicar nela, você também pode filtrar por Ativo, Imóvel, Página, Grupo de banners, Mostra entre (período de exibição) e Descrição.

Para editar um banner, clique no lápis ou dê dois cliques na linha. Para excluir, use a lixeira da linha ou marque os banners e escolha Ações > Remover. O sistema pede confirmação antes de excluir.


Cadastrar um banner: identificação e imagens

Janela do banner com Descrição, Grupo de banners, Ação do clique, Tempo de troca, Ordenação, Imagem e Imagem Mobile

Clique em Cadastrar. Aparece a janela Cadastrando Banner. A parte de cima traz a identificação e as imagens:

Campo

Descrição

Obrigatório

Descrição

É de uso interno: não aparece no site e serve para achar o banner na lista.

Não

Grupo de banners

O grupo e, com ele, o espaço do site em que o banner aparece.

Sim

Ação do clique

DefineMesma sepágina abre o destino do banner será aberto na  mesma aba do navegador. Nova página ouabre em uma  novanuma aba .nova. O campo já vem com Mesma página.

Sim

Tempo de troca

Define por quantosQuantos segundos o banner permanecefica visívelà mostra antes dade exibiçãodar dolugar ao próximo banner do grupo. Aceita valores entre de 2 ea 32 segundos .32.

Não

Ordenação

DefineA aordem posiçãodos dobanners: banner na ordenação. Quantoquanto maior o valor, mais acimano eletopo seráo apresentado.banner fica. Aceita zero ou mais.

Não


As imagens

image.png

Campo

Descrição

Imagem

CampoA obrigatório.arte Asdo resoluçõesbanner. Resoluções mínimas recomendadasrecomendadas: variam de acordo com o tamanho do banner:

2560 × 1080 para banner de 500 px,  2560 × 1440 para banner de 70% e 2560 × 1600 para banner de 100%.

Sim

Imagem Mobile

VersãoA doversão bannerda preparadaarte para dispositivos móveis. O preenchimento é opcional.celular.

Não

A imagem mobile é importanteimporta principalmente quando oa bannerarte possuitem textos ou elementos posicionadospensados para telas largas. Sem uma versão adaptada,própria, partes importantes da arte podem ficar cortadas emno dispositivoscelular.

móveis.

Para onde o banner leva

image.pngCampo Tipo de redirecionamento aberto com as opções URL, Página e Imóvel

O bannercampo pode possuir diferentes tiposTipo de redirecionamento:redirecionamento define o destino do clique. O campo Redirecionamento, ao lado, muda conforme o tipo escolhido.

Tipo

Descrição

Em branco

O banner aparece normalmente, mas o clique não leva a lugar nenhum. O campo ao lado mostra Sem redirecionamento.

URL

Permite informar umUm endereço externo completo, incluindocom ohttp:// protocolo.ou https:// no começo.

Página

Permite selecionar umaUma página cadastradaativa do site antigo, escolhida na lista. As páginas da versão para celular aparecem com "- mobile" no próprio site.fim.

Imóvel

Permite selecionar umUm imóvel da carteira. O sistemabanner utilizaleva oao linkendereço público correspondente aodo imóvel.

Sem redirecionamento

O banner é exibido normalmente, mas não possui ação de clique.

AoQuando selecionarvocê um tipo de redirecionamento, o campo de destino é ajustado automaticamente conforme a opção escolhida.

Ao trocartroca o tipo de redirecionamento, o sistema limpa automaticamente o destino informadoque anteriormente.estava Essepreenchido. comportamento evita queAssim, um link incompatívelque permaneçanão combina com o novo tipo não fica gravado no banner.


Quando o banner aparece

image.pngRedirecionamento por URL preenchido e Controle do banner com o período, Data inicial e Data final

ONa parte Controle do banner, o campo Quando mostrar define como será controlada a exibição doé banner.controlada:

Opção

Descrição

Sempre

"Banner sempre será apresentadoApresentado": o banner fica no site enquanto estiver ativo. É a opção que vem marcada.

Por período

Mantém o banner disponível enquanto ele estiver ativo.

"Banner será apresentado somente entre as datasDatas iniciaisIniciais e finaisFinais informadasinformadas": abre os campos Data inicial e Data final, com data e hora.

ControlaA automaticamentedata inicial precisa ser anterior à data final. Com o períodoperíodo, você programa a entrada e a saída do banner antes de exibiçãoa conformecampanha ascomeçar, datassem definidas.precisar ativá-lo ou desativá-lo no dia.

Quando


Textos e vídeo sobre o controlebanner

por

Descrições do Banner preenchidas, o vídeo do YouTube com segundo inicial e final e o rodapé com Ativo e Gravar

período

Em éDescrições selecionado,do sãoBanner, apresentadosvocê osescreve seguintestextos campos:que aparecem sobre a imagem, sem precisar editar a arte:

Campo

Descrição

Data1ª iniciallinha

Define a partir de quando o banner poderá ser exibido.

Data final

Define até quando o banner permanecerá disponível.

O controle por período permite programar antecipadamente a entrada e a retirada do banner do site, sem necessidade de ativação ou remoção manual no início e no fim da campanha.


Textos sobre o banner

image.png

É possível adicionar textos diretamente sobre a imagem utilizada no banner:

Campo

Descrição

"1ª linha - Descrição no banner

Definebanner": uma linha de apoio exibida sobre a imagem.

Título principal

"Título principal - Descrição no banner

Definebanner": o texto principal que será exibido em destaque sobre o banner.

EssesEm camposSobrepor permitembanner alterarcom aVídeo chamadado apresentadaYoutube, aovocê visitante sem a necessidade de editar novamentetroca a imagem utilizadapor noum banner.


Vídeovídeo. do YouTube sobreCole o banner

image.png

Tambémlink é possível utilizar umdo vídeo do YouTube sobreno ocampo.

banner.

Campo

Descrição

Vídeo

"Sobrepor banner com vídeo do YouTube

Permite informaryoutube": o link de um vídeo queaparece serásó apresentadono sobre o banner. Essa configuração é utilizada na versão desktop.computador.

Segundo início

Define"Segundo início do vídeo": em qualque segundo do vídeo a reprodução deve começar.começa.

Segundo final do vídeo

Define"Segundo final do vídeo": em qualque segundo a reprodução devepara, terminar. O tempo é considerado a partircontado do início totalcomeço do vídeo.vídeo, e não do segundo inicial.

Vídeo mobile

"Sobrepor banner com vídeo do youtube em telas mobile

Permitemobile": configurar uma versão deo vídeo paraaparece dispositivossó móveis,no utilizandocelular tambéme tem os controlespróprios decampos "Segundo início do vídeo mobile" e fim."Segundo final do vídeo mobile". O ideal é um vídeo gravado na vertical.

Para dispositivos móveis, a recomendação é utilizar vídeos gravados na vertical, adequados ao formato da tela.

⚠️ Atenção: O vídeo é apresentadoaparece em apenas um dos banners, evitandopara impactonão excessivodeixar nao performancesite dolento. site.Colocar Configurar vídeosvídeo em vários banners do mesmo grupo não faráfaz todos tocarem.

No rodapé da janela, o interruptor Ativo vem ligado. Para concluir, clique em Gravar. A seta ao lado do botão oferece Gravar e Continuar. Quando você edita um banner, o rodapé também mostra o botão do Gerenciador de Logs, com o histórico de alterações.


Onde o banner aparece no site

Aba Conteúdo do site com o aviso sobre o site novo e o botão Abrir o editor do site

Os banners desta aba valem para o site antigo. Lá, eles aparecem nos lugares em que todoso sejamgrupo reproduzidosdeles simultaneamente.foi escolhido. Esses lugares são dois, no editor do site antigo, que abre pelo botão Editar Site do cartão do site antigo, na aba Sites:

→ Páginas: o widget Banner de uma página mostra o grupo escolhido no campo Grupo de Banner.
→ Configurações > Layout: o campo Grupo de Banner para Topo define o grupo da sequência de imagens do topo do site.

No site novo, os banners são editados no editor do site. Quando a imobiliária tem um site novo, a aba Conteúdo do site mostra no topo o aviso: "No site novo, banners e artigos são editados no editor do site — ele tem a própria cópia, trazida do site antigo na migração. O que você muda aqui vale para o site antigo."

Ao gravarlado do aviso fica o botão Abrir o editor do site. Se a imobiliária tiver mais de um site novo, aparece um botão para cada site, com o texto Abrir o editor de seguido do nome do site.

O aviso aparece para quem tem acesso à aba Sites, e o botão, para quem pode configurar o site. Se o site novo ainda não tem endereço, o botão fica desligado, e a dica dele explica o motivo.

Mudar ou excluir um banner,banner nesta aba não muda o sistemasite atualizanovo. asPara informações utilizadas peloo site paranovo, refletirfaça a alteração.


A listagem dos banners

image.png

A listagem apresenta as principais informações dos banners cadastrados:

Informação

Descrição

Imagem

Apresenta uma prévia da imagem utilizadamudança no banner.

Grupo

Indica a qual grupo o banner está relacionado.

Descrição

Apresenta a identificação internaeditor do banner.site.

Tipo de


controle

Indica se o banner possui exibição contínua ou controlada por período.

Data inicial

Apresenta a data de início quando houver controle por período.

Data final

Apresenta a data de término quando houver controle por período.

Redirecionamento

Informa qual tipo de destino está configurado.

Link

Apresenta o destino relacionado ao banner, quando houver.

Situação

Indica se o banner está ativo ou inativo.

Quando o controle estiver definido para exibição contínua, as colunas de data apresentam Sempre.

Quando nenhum tipo de redirecionamento estiver configurado, a listagem apresenta Sem redirecionamento. Os filtros permitem localizar banners por situação, imóvel, página, grupo, período de exibição e descrição.


Perguntas frequentes

➜ O banner não aparece no site. O que verificar? ConfirmeConfira se o banner está Ativo, se o período de exibição já começoucomeçou, quando houverhá controle por data, se o grupo de banners está ativo e se existe um widget deBanner numa página utilizandodo essesite grupo.antigo que use o grupo dele. Se o site da imobiliária for o novo, o banner é editado no editor do site, e não nesta aba.

➜ Mudei o banner aqui e o site novo continua igual. Por quê? O site novo tem a própria cópia dos banners, trazida do site antigo na migração. O que você muda nesta aba vale para o site antigo. No site novo, use o botão Abrir o editor do site.

➜ Em que ordem os banners aparecem? A posição é definida peloPelo campo Ordenação.: Quantoquanto maior o valor informado,valor, mais acimano topo o banner seráfica.

apresentado.

➜ Preciso da imagem mobile? Não é obrigatória, mas é recomendada principalmente quando oa bannerarte possuitem textos ou elementos que podem ser cortados em telas menores.

➜ Como faço o banner sair do ar automaticamente?sozinho? UtilizeEm Quando mostrar, escolha a opção de exibição pordo período e informepreencha umaa Data final.

➜ Posso colocar vídeo em todos os banners? É possível configurar, porém apenas um dos banners terá o vídeo apresentado, evitando impacto excessivo na performance do site.

➜ A descrição aparece no site? Não. A Descrição é utilizada somente para identificação interna. Os textos visíveis sobre o banner são configurados nos campos de descrição e título apresentados sobre a imagem.

➜ Troquei o tipo de redirecionamento e o destino sumiu. Por quê? Esse éÉ o comportamento esperado. AoQuando alterarvocê troca o tipotipo, deo redirecionamento,sistema apaga o destino anterior é removido automaticamenteanterior, para evitarque anão gravaçãofique degravado um link incompatível.que não combina com o novo tipo.