Banners

Com os Banners, é possível criar envios de mensagens personalizados para seus usuários e, ao mesmo tempo, ampliar o alcance de seus outros canais, como e-mail ou notificações por push. Você pode incorporar Banners diretamente no seu app ou site, o que permite o engajamento com os usuários por meio de uma experiência que parece natural.

Pré-requisitos

A disponibilidade dos banners depende de seu pacote Braze. Entre em contato com seu gerente de conta ou gerente de sucesso do cliente para começar.

Por que usar Banners?

Os banners permitem que as equipes de marketing e de produtos personalizem o conteúdo do app ou do site de forma dinâmica, refletindo a elegibilidade e o comportamento do usuário em tempo real. Eles exibem mensagens persistentemente em linha, fornecendo experiências não intrusivas e contextualmente relevantes que são atualizadas automaticamente no início de cada sessão do usuário.

Depois que os banners são integrados a um aplicativo ou site, os profissionais de marketing podem projetar e lançar banners usando um simples editor de arrastar e soltar, eliminando a necessidade de assistência contínua ao desenvolvedor, reduzindo a complexidade e melhorando a eficiência.

Caso de uso	Explicação
Anúncios	Mantenha anúncios como eventos futuros ou mudanças de política na vanguarda da experiência no app.
Personalização de ofertas	Mostre promoções e incentivos personalizados com base no histórico de navegação de cada usuário, no conteúdo do carrinho, no nível de inscrição e no status de fidelidade.
Direcionamento para o engajamento de novos usuários	Orientar os novos usuários nos fluxos de integração e na configuração da conta.
Vendas e promoções	Destaque conteúdo em destaque, produtos em alta e campanhas de marca em andamento de forma persistente e direta na sua página inicial sem interromper a experiência do usuário.

Recursos

Os recursos para Banners incluem:

• Criação fácil de conteúdo: Crie e prévia seu Banner usando um editor visual de arrastar e soltar com suporte para imagens, texto, botões, formulários de captura de e-mail, código personalizado e muito mais.
• Colocações flexíveis: Defina vários locais em seu aplicativo ou site onde os banners podem ser exibidos, ativando o direcionamento preciso para contextos ou experiências de usuário específicos.
• Personalização dinâmica: Os banners são atualizados dinamicamente a cada nova sessão de usuário, garantindo que o conteúdo permaneça atualizado e personalizado usando as ferramentas de personalização integradas do Braze e a lógica Liquid.
• Priorização de nativos: Defina a prioridade de exibição para quando vários Banners direcionarem o mesmo posicionamento, garantindo que a mensagem certa chegue aos usuários no momento certo.
• Suporte a HTML personalizado: Incorpore blocos HTML personalizados para personalização avançada ou integração perfeita com seus estilos da Web existentes.

Sobre Banners

IDs de colocação

Os posicionamentos de banner são locais específicos em seu app ou site criados com o SDK do Braze que designam onde os banners podem aparecer.

Os locais comuns incluem a parte superior de sua página inicial, páginas de detalhes de produtos e fluxos de checkout. Depois que os canais são criados, os banners podem ser atribuídos em sua campanha de banners.

Não há limite fixo para o número de colocações que podem ser criadas por espaço de trabalho, e você pode criar quantas IDs de colocação forem necessárias para sua experiência. Cada colocação deve ser exclusiva em um espaço de trabalho. Um único ID de posicionamento pode ser referenciado por até 10 campanhas ativas ao mesmo tempo.

Prioridade do banner

Quando várias mensagens de banner fazem referência ao mesmo ID de posicionamento, os banners são exibidos em ordem de prioridade: alta, média ou baixa. Por padrão, os Banners são definidos como médios, mas você pode definir manualmente a prioridade ao criar ou editar sua campanha de Banner.

Se vários Banners forem definidos com a mesma prioridade, o Banner mais novo para o qual o usuário é elegível será exibido primeiro.

Solicitações de colocação

Quando você cria posicionamentos em seu aplicativo ou site, seu app envia uma solicitação ao Braze para buscar mensagens de banner para cada posicionamento.

• Você pode solicitar até 10 colocações por solicitação de atualização.
• Para cada colocação, o Braze retorna o Banner de maior prioridade que o usuário é elegível para receber.
• Se mais de 10 posicionamentos forem solicitados em uma atualização, apenas os 10 primeiros serão retornados; os demais serão descartados.

Por exemplo, um app pode solicitar três posicionamentos em uma solicitação de atualização: homepage_promo, cart_abandonment, e seasonal_offer. Cada solicitação retorna o banner mais relevante para aquele posicionamento.

Limite de frequência para solicitações de atualização

Se você estiver em versões mais antigas do SDK (antes de Swift 13.1.0, Android 38.0.0, Web 6.1.0, React Native 17.0.0 e Flutter 15.0.0), somente uma solicitação de atualização é permitida por sessão de usuário.

Se você estiver em versões mais recentes do SDK mínimo (Swift 13.1.0+, Android 38.0.0+, Web 6.1.0+, React Native 17.0.0+ e Flutter 15.0.0+), as solicitações de atualização serão controladas por um algoritmo de token bucket para evitar o polling excessivo:

• Cada sessão de usuário começa com cinco tokens de atualização.
• Os tokens são recarregados a uma taxa de um token a cada 180 segundos (3 minutos).

Cada chamada para requestBannersRefresh consome um token. Se tentar uma atualização quando não houver tokens disponíveis, o SDK não fará a solicitação e registrará um erro até que um token seja reabastecido. Isso é importante para atualizações no meio da sessão e disparadas por eventos. Para implementar atualizações dinâmicas (por exemplo, depois que um usuário concluir uma ação na mesma página), chame o método refresh depois que o evento personalizado for registrado, mas note a postergação necessária para que o Braze ingira e processe o evento antes que o usuário se qualifique para uma campanha de Banner diferente.

Envio de mensagens

As mensagens no app ou no site são entregues como conteúdo HTML, normalmente renderizado em um iframe. Isso garante que seus Banners sejam renderizados de forma consistente em todos os dispositivos e ajuda a manter seus estilos e scripts separados do restante do seu código.

Os iframes permitem atualizações de conteúdo dinâmicas e personalizadas que não exigem alterações em sua base de código. Cada iframe recupera e exibe o HTML de cada sessão de usuário usando a lógica de direcionamento e personalização de campanhas.

Dimensões e dimensionamento

Veja a seguir o que você precisa saber sobre as dimensões e o tamanho do Banner:

• Embora o criador permita que você faça uma prévia dos banners em diferentes dimensões, essas informações não são salvas nem enviadas ao SDK.
• O HTML ocupa a largura total do contêiner em que é renderizado.
• Recomendamos criar um elemento de dimensão fixa e testar essas dimensões no criador.

Limitações

Cada espaço de trabalho pode suportar até 200 campanhas ativas do Banner. Se esse limite for atingido, você precisará arquivar ou desativar uma campanha existente antes de criar uma nova.

Além disso, as mensagens de banner não são compatíveis com os seguintes recursos:

• Campanhas acionadas por API e baseadas em ações
• Conteúdo conectado
• Códigos promocionais
• Demissões controladas pelo usuário
• catalog_items usando a tag:rerender

Próximos passos

Agora que você já conhece os Banners, está pronto para as próximas etapas:

1. Criação de posicionamentos de banner em seu app ou site
2. Criação de campanhas de banner no Braze
3. Tutorial: Exibição de um banner por ID de posicionamento