Configurando os banners inteligentes

Um banner inteligente é um banner que você pode adicionar ao website mobile para promover seu app, uma venda ou um produto específico. Atrás do banner, encontra-se um link que leva os usuários diretamente ao seu app se eles já o tiverem instalado, ou a uma loja para fazer o download primeiramente.

Os banners inteligentes garantem uma experiência de usuário descomplicada e ajudam a direcionar usuários web para impulsionar tráfego ao seu app. Isso garante que cada usuário de app convertido comece sua experiência in-app onde você desejar.

Antes de começar

O que você precisa saber antes de começar.

Requisitos

• Permissões de Admin ou Editor
• (Opcional) Configure deep links no SDK da Adjust - iOS | Android

Crie um espaço

Espaços são são contêineres no nível de canal para seus banners inteligentes. Todos os banners em um espaço são vinculados ao mesmo app e aparecem no mesmo website. Eles também compartilham configurações de atribuição e usam o mesmo SDK. Recomendamos selecionar todas as versões dos seus apps de plataforma única a um espaço. Os espaços podem conter um banner único ou banners múltiplos com diferentes designs, idiomas e posicionamentos.

1. Em Campaign Lab , selecione Banners inteligentes .
2. Selecione Novo espaço .
3. Na tela de Seleção de apps , escolha todas as versões do seu app para enviar usuários à plataforma apropriada. Você pode selecionar apenas um app por plataforma, e não é possível alterar os apps após criar um espaço. Selecione Próximo .
4. Na tela de Detalhes do espaço , insira um Nome do espaço . Seu nome do espaço aparece no nível de canal da estrutura de link em seus relatórios. Você poderia anexar smart banners ao nome de canal para filtrar com facilidade os dados dos seus banners inteligentes em seus relatórios.
5. Se a maioria dos seus usuários chega ao website a partir de fontes com parâmetros UTM, em Parâmetros de campanha , adicione parâmetros UTM das suas campanhas web à estrutura de campanha. Selecione próximo aos parâmetros campaign e adgroup, e adicione qualquer um dos seguintes placeholders:
   • {banner_language} - Recomendado. Use isso para obter melhores insights a partir do relatório sobre qual banner e em qual idioma está tendo o melhor desempenho.
   • {utm_source}
   • {utm_campaign}
   • {utm_medium}
   • {utm_term}
   • {utm_content}
   • {banner_name}

Se estão faltando parâmetros UTM, os parâmetros estáticos são usados para os seguintes parâmetros de campanha:

• Campanha - {banner_name}
• Grupo de anúncios - {banner_language}

1. (Opcional) Na tela Configurações de atribuição, defina configurações de atribuição personalizadas para usuários novos e existentes. Essas configurações de atribuição estão disponíveis apenas para cliques.

2. (Opcional) Em Usuários de campanhas pagas, escolha como atribuir usuários que se engajaram com um anúncio antes de clicar em um banner. Em seguida, selecione Próximo:

   • Ao anúncio anterior
   • Ao banner inteligente

   Ao escolher atribuir seu usuário ao anúncio anterior o parâmetro fallback_click será adicionado ao seu link. A Adjust considera os links com o parâmetro fallback_click para atribuição apenas se não houver outros links disponíveis. Isso significa que os usuários que seriam orgânicos serão atribuídos aos links fallback_click. Para mais informações em como isso funciona, confira como os usuários de campanhas pagas são atribuídos.

3. Revise suas escolhas. Você pode alterar:

   • O nome do espaço
   • Seus apps escolhidos
   • Configurações de atribuição

4. Selecione Criar espaço .

Integre o SDK Smart Banner

Agora, você precisa integrar o SDK Smart Banner. Isso é requerido uma vez por espaço e se aplica a todos os banners dentro dele. Compartilhe as instruções de integração do SDK com seus desenvolvedores.

Configure o deep linking dinâmico

Configure o deep linking dinâmico no SDK Smarts Banners para websites de página única. Nesse caso, a URL da página atual é alterada após a navegação do usuário. Com os deep links dinâmicos configurados, o SDK pode encontrar banners apropriados para a nova página web. Você também pode configurar o SDK para usar deep links baseados na página que o seu usuário está visualizando. Por exemplo, se um usuário está visualizando um produto específico em seu website, você pode enviá-los ao mesmo produto em seu app.

Distribua o SDK via plataformas de terceiros

Você pode integrar o SDK Smart Banner da Adjust nas seguintes plataformas para distribuir banners inteligentes via tags da plataforma:

• Adobe Launch
• Google Tag Manager
• Shopify

Adicione um banner

Você pode adicionar múltiplos banners inteligentes a um espaço.

Forneça detalhes do banner

1. No campo de nome do banner , insira um nome para o seu banner. Esse nome aparece como nível de campanha da sua estrutura de link em seus relatórios.

2. Em Posicione seu banner , escolha se quer que seu banner apareça em todas as páginas ou em específicas páginas do seu website. Essas opções se aplicam ao domínio em que você instala o SDK. Se escolher Páginas condicionais , você pode especificar múltiplas condições para filtrar as páginas e agrupar adicionalmente as condições usando E ou Ou :

   • Domínio é , Domínio não é - um domínio válido. Exemplo: subdomain.example.com
   • Domínio contém - um domínio válido ou parte de um domínio válido.
   • Caminho da URL é , Caminho da URL não é , Caminho da URL começa com - Valor deve começar com /. Exemplo: /product/detail
   • Caminho da URL contém - Valor não pode começar com um domínio.
   • URL contém parâmetro , URL não contém parâmetro - um parâmetro de URL válido. Isso significa que o valor não pode começar com ? ou &. Exemplo: utm_source=google
   • Expressão regular de URL - uma expressão regular.

3. No campo de Período de desligamento , insira o tempo após o qual o banner seria exibido novamente para um usuário após ser dispensado. O padrão é 1 dia, ou 24 horas a partir da hora em que o usuário dispensou um banner.

4. Em Defina o destino do seu usuário , escolha aonde você gostaria de enviar os usuários após a interação deles com o seu banner. Por padrão, usuários são enviados para a loja de app apropriada. Se quiser enviar os usuários para uma tela in-app específica após instalarem seu app, selecione tela in-app e forneça os seguintes detalhes:

   • (apps iOS) Insira o esquema de app iOS e a tela de app iOS .
   • (apps Android) Insira o app scheme do Android e a tela do app Android . Para mais informações sobre como obter esses valores, confira o artigo sobre como configurar deep links.

5. Selecione Próximo .

Personalize seu banner

Considere o layout da sua página web ao personalizar seu banner:

• Tamanho pequeno do banner + posicionamento no topo do banner desloca o conteúdo da página web para baixo.
• Para qualquer outra combinação de tamanho de banner e posicionamento na tela, o banner se sobrepõe ao conteúdo da página web.

Siga esses passos para personalizar seu banner:

1. Na lista de Tamanho do banner , escolha o tamanho do banner:

   • Pequeno
   • Médio
   • Tela cheia

2. Em Posicionamento na tela , escolha a posição do banner na página web.

   • Topo - Se o seu banner está alinhado no topo, ele desloca o conteúdo da página para baixo.
   • Parte inferior - Se o seu banner inteligente está alinhado na parte inferior da página, ele se sobrepõe ao conteúdo da página. Um usuário pode rolar a página para baixo e ver o conteúdo ocultado.

3. Selecione Pré-visualizar dispositivo para ver como o banner ficaria em seu dispositivo. A pré-visualização do banner é atualizada automaticamente à medida que você o personaliza.

4. No campo Título, insira um título para exibir no seu banner.

5. No campo Descrição, insira uma descrição para exibir no seu banner.

6. No campo de Botão, insira o texto que vai aparecer no botão.

7. Em Imagem do app, escolha uma imagem para exibir no banner:

   • Ícone do app - Use o ícone do app da mesma loja de apps.
   • Imagem personalizada - Forneça uma URL acessível de uma imagem em formato JPG ou PNG para o seu banner. Essa imagem precisa ter 168 x 168 px, e máximo de 1 MB em tamanho.

8. Agora personalize o título, a descrição e o botão, conforme necessário:

   • Cor - Forneça um código de cor hexadecimal.
   • Fonte - Escolha um estilo de fonte na lista.
   • Tamanho da fonte - Escolha um tamanho da fonte na lista.

9. No campo Cor do plano de fundo, forneça um código de cor hexadecimal para o plano de fundo ou uma URL acessível de uma imagem em formato JPG ou PNG no campo Imagem do plano de fundo. Essa imagem deve ter 1080 x 240 px e um tamanho máximo de 1 MB.

10. Se a pré-visualização do banner estiver boa, selecione Próximo.

Localize seu banner

O banner exibido aos seus usuários depende do idioma do navegador. Se não houver uma versão localizada correspondente ao idioma do navegador, os usuários verão seu banner original. Se quiser que seus usuários vejam o banner no idioma do domínio do website, e não do seu navegador, siga os passos no SDK Smart Banners.

1. Selecione Adicionar idioma , e escolha um idioma da lista.
2. Forneça detalhes dos campos de Título , Descrição , e Botão .
3. Você pode adicionar conteúdo localizado para idiomas adicionais, e, em seguida, clicar em Próximo .

Revise seu banner

1. Revise suas opções. Você pode retornar e fazer alterações em:

   • Detalhes do seu banner
   • Conteúdo do seu banner
   • Seu conteúdo localizado

2. Selecione Criar banner inteligente para publicar o banner no espaço que você criou.

Publique seu banner

Ao salvar seu banner, ele será exibido no espaço que você criou. Para publicar seu banner, deixe ativado o botão de alternância em Publicar . Seus banners publicados estarão no ar apenas após o seu desenvolvedor integrar o SDK Smart Banner.