Mobile Platform as a Service:Sobre booths

Tipo de booth

O MCDP oferece suporte aos sete tipos de booths a seguir: splash, pop-up, bulletin, banner, list, float e custom booth.

• Splash: Booth exibida em tela cheia durante a inicialização a frio do aplicativo. A splash booth é globalmente única no aplicativo.

• Pop-up: Booth no aplicativo com largura e altura controláveis, localizada em uma camada flutuante.

• Bulletin: Entrega informações relevantes aos usuários por meio de transmissão de mensagens.

• Banner: Booth em uma área retangular de posição fixa na página do aplicativo, que suporta um banner horizontal com um ou mais espaços publicitários.

• List: Vários anúncios diferentes listados em uma área da página do aplicativo.

• Float: Booth em posição fixa na página do aplicativo.

• Custom: Anúncios personalizados do tipo texto.

Tipo de booth

O MCDP oferece suporte aos oito tipos de booths a seguir: splash, pop-up, bulletin, banner, list, feed, float e custom booth.

• Splash: Booth exibida em tela cheia durante a inicialização a frio do aplicativo. A splash booth é globalmente única no aplicativo.

• Pop-up: Booth no aplicativo com largura e altura controláveis, localizada em uma camada flutuante.

• Bulletin: Entrega informações relevantes aos usuários por meio de transmissão de mensagens.

• Banner: Booth em uma área retangular de posição fixa na página do aplicativo, que suporta um banner horizontal com um ou mais espaços publicitários.

• List: Vários anúncios diferentes listados em uma área da página do aplicativo.

• Feed: Booth intercalada nos fluxos de conteúdo do aplicativo.

• Float: Booth em posição fixa na página do aplicativo.

• Custom: Anúncios personalizados do tipo texto.

Informações básicas da booth

A booth possui informações básicas, como nome, ID e tempo de vigência (cache).

• Nome da booth: Obrigatório. Insira no máximo 30 caracteres. O nome não pode ser igual a um nome já existente.

• ID da booth: Obrigatório. O ID pode conter letras, números, sublinhados (_) e hifens (-), e não pode ser igual a um ID de booth existente.

  • ID personalizado: Se a booth for dinâmica, selecione este campo e insira o ID da booth e o endereço da página na caixa de texto Custom ID.

    • Endereço da página iOS: Insira o endereço da página do cliente iOS onde a booth será exibida. Para obter o VCName da página, entre em contato com o desenvolvedor do aplicativo, por exemplo, MPHomeViewController. Observe que o VCName deve herdar de DTViewController. Caso contrário, a booth não será exibida.

    • Endereço da página Android: Insira o endereço da página do cliente Android onde a booth será exibida. Para obter o ActivityName da página, entre em contato com o desenvolvedor do aplicativo, por exemplo, com.mpaas.demo.cdp.DynamicContent1Activity.

    • Endereço da página HTML5: Insira o endereço da página HTML5 onde a booth será exibida. Para obter o caminho completo da página, entre em contato com o desenvolvedor do aplicativo. Use o objeto window.location para obter o caminho completo da página HTML5.

  • ID predefinido do cliente: Quando a booth for do tipo client preset, selecione este campo e copie e insira o ID da booth predefinida na caixa de texto Client Preset ID. Entre em contato com o desenvolvedor do aplicativo para obter o ID.

  • ID da splash booth: Selecione este campo quando se tratar de uma splash booth. O ID padrão da splash booth é STARTPAGE e não pode ser modificado. Um aplicativo pode ter apenas uma splash booth; portanto, se já existir uma splash booth no aplicativo, não será possível criar outra.

• Período de vigência (cache): Obrigatório. Refere-se ao tempo de retenção do cache após o carregamento único dos anúncios da booth. Defina o tempo considerando o consumo de tráfego de download e a experiência do usuário. O intervalo configurável varia de 00:00:00 a 71:59:59.

Informações de configuração da booth

É possível configurar o tipo de booth, o tipo de material, a posição, o estilo, a altura, a largura e o número de espaços publicitários.

• Tipo de booth: O MCDP oferece suporte a sete tipos de booth: splash, popup, bulletin, banner, list, float e custom booth.

• Tipo de booth: O MCDP oferece suporte a oito tipos de booth: splash, popup, bulletin, banner, list, feed, float e custom booth.

• Tipo de material da booth: Obrigatório. Refere-se aos tipos de materiais compatíveis com a booth. Algumas booths permitem ajuste.

• Posição da booth: Obrigatório. Indica a localização da booth na página, incluindo camada flutuante superior, topo da página, base da página, início da lista, fim da lista, canto superior esquerdo da tela, canto superior direito da tela, meio esquerdo da tela, meio direito da tela, canto inferior esquerdo da tela e canto inferior direito da tela. Algumas booths permitem ajuste.

  Nota

  Diferentes tipos de booth aceitam configurações de posição distintas. Para mais detalhes, consulte a tabela de informações de configuração de booth a seguir.

  Flutuação superior	Topo da página	Base da página	Início da lista
  A booth fica no topo da página, flutuando sobre o layout original sem deslocá-lo para baixo. É uma posição fixa em relação à tela, e a largura da booth é igual à largura da página.	A booth fica no topo da página e desloca o layout original para baixo. É uma posição fixa em relação à página, e a largura da booth é igual à largura da página.	A booth fica na base da página e desloca o layout original para cima. É uma posição fixa em relação à página, e a largura da booth é igual à largura da página.	Localizada no início da lista (acima do primeiro espaço publicitário), deslocando o layout original da lista para baixo. É uma posição fixa em relação à lista, e a largura da booth é igual à largura da lista.
  Fim da lista	Canto superior esquerdo da tela	Meio esquerdo da tela	Canto inferior esquerdo da tela
  Localizada no fim da lista (abaixo do último espaço publicitário), deslocando o layout original da lista para cima. É uma posição fixa em relação à lista, e a largura da booth é igual à largura da lista.	Exclusivo para float booth. Localizada no canto superior esquerdo da tela, flutuando sobre o layout da página sem afetá-lo. É uma posição fixa em relação à tela.	Exclusivo para float booth. Localizada no centro do lado esquerdo da tela, flutuando sobre o layout da página sem afetá-lo. É uma posição fixa em relação à tela.	Exclusivo para float booth. Localizada no canto inferior esquerdo da tela, flutuando sobre o layout da página sem afetá-lo. É uma posição fixa em relação à tela.
  Canto superior direito da tela	Meio direito da tela	Canto inferior direito da tela
  Localizada no canto superior direito da tela, flutuando sobre o layout da página sem afetá-lo. É uma posição fixa em relação à tela.	Exclusivo para float booth. Localizada no meio do lado direito da tela, flutuando sobre o layout da página sem afetá-lo. É uma posição fixa em relação à tela.	Exclusivo para float booth. Localizada no canto inferior direito da tela, flutuando sobre o layout da página sem afetá-lo. É uma posição fixa em relação à tela.

• Estilo: Obrigatório. Refere-se à aparência e ao estilo da booth, incluindo cor de fundo, cor de primeiro plano, cor do texto e cor do controle. Algumas booths permitem ajuste.

  • Cor de fundo: Cor de fundo da booth. O valor padrão é #F8F8F8.

  • Cor de primeiro plano: Cor de primeiro plano da booth. Esta cor aparece como fundo quando a booth é clicada, com valor padrão #E7E7E5. Ao clicar na booth, se houver um endereço de redirecionamento para os materiais, a cor de primeiro plano será renderizada; caso contrário, a cor de fundo será usada. Para configurar o endereço de redirecionamento, consulte Criar uma atividade > Adicionar publicidade.

  • Cor do texto: Cor do texto na booth. O valor padrão é #FF0000.

  • Cor do controle: Cor do controle (pequeno ícone) na booth. O valor padrão é #1A1311.

• Altura da booth: Obrigatório. Altura da booth na página do aplicativo, em px. Algumas booths permitem ajuste.

• Largura da booth: Obrigatório. Largura da booth na página do aplicativo, em px. Algumas booths permitem ajuste.

• Espaços publicitários: Obrigatório. Booths do tipo banner e list suportam múltiplos quadros, e o número de espaços publicitários corresponde ao número de quadros na booth. Algumas booths permitem ajuste.

  

• Duração de exibição de cada mensagem: Esta configuração está associada ao número de espaços publicitários. Quando há apenas 1 espaço publicitário, o tempo de carrossel para informação única não é configurável. Se houver mais de um espaço publicitário, configure o tempo de carrossel para informação única como um número inteiro de 1 a 10.

  	Splash	Pop-up	Bulletin	Banner	List	Float	Custom
  Tipo de booth	√	√	√	√	√	√	√
  Tipo de material da booth	√	√	x	√	√	√	x
  Posição da booth	Padrão	Posição padrão	Flutuação superior	Flutuação superior	Flutuação superior	Canto superior esquerdo da tela	x
  			Topo da página	Topo da página	Topo da página	Canto superior direito da tela
  			Base da página	Base da página	Base da página	Meio esquerdo da tela
  			Início da lista (Disponível apenas para página Native)	Início da lista (Disponível apenas para página Native)	Início da lista (Disponível apenas para página Native)	Meio direito da tela
  			Fim da lista (Disponível apenas para página Native)	Fim da lista (Disponível apenas para página Native)	Fim da lista (Disponível apenas para página Native)	Canto inferior esquerdo da tela
  			-	-	-	Canto inferior direito da tela
  Estilo	x	x	√	x	x	x	√
  Altura da booth	x	√	√	√	√	√	x
  Largura da booth	x	√	x	x	x	√	x
  Espaços publicitários	1	1	1	1-10	1-10	1	1
  Duração de exibição de cada mensagem	x	x	x	1-10s	1-10s	x	x
  Nota: “√” indica que o elemento tem suporte e deve ser configurado; “x” indica que o elemento não tem suporte; "-" indica ausência de conteúdo.

  	Splash	Pop-up	Bulletin	Banner	List	Feed	Float	Custom
  Tipo de booth	√	√	√	√	√	√	√	√
  Tipo de material da booth	√	√	x	√	√	√	√	x
  Posição da booth	Padrão	Posição padrão	Flutuação superior	Flutuação superior	Flutuação superior	-	Canto superior esquerdo da tela	x
  			Topo da página	Topo da página	Topo da página	Topo da página	Canto superior direito da tela
  			Base da página	Base da página	Base da página	Base da página	Meio esquerdo da tela
  			Início da lista (Disponível apenas para página Native)	Início da lista (Disponível apenas para página Native)	Início da lista (Disponível apenas para página Native)	Início da lista (Disponível apenas para página Native)	Meio direito da tela
  			Fim da lista (Disponível apenas para página Native)	Fim da lista (Disponível apenas para página Native)	Fim da lista (Disponível apenas para página Native)	Fim da lista (Disponível apenas para página Native)	Canto inferior esquerdo da tela
  			-	-	-	-	Canto inferior direito da tela
  Estilo	x	x	√	x	x	x	x	√
  Altura da booth	x	√	√	√	√	x	√	x
  Largura da booth	x	√	x	x	x	x	√	x
  Espaços publicitários	1-10	1	1-5	1-10	1-10	1-10	1	1
  Duração de exibição de cada mensagem	1-10s	x	x	1-10s	1-10s	x	x	x
  Nota: “√” indica que o elemento tem suporte e deve ser configurado; “x” indica que o elemento não tem suporte; "-" indica ausência de conteúdo.

Materiais de booth compatíveis

Os tipos de materiais de booth compatíveis com o MCDP estão listados na tabela a seguir:

• Texto: Exibe texto simples.

• Imagem estática: Exibe imagens estáticas nos formatos PNG, JPG e JPEG.

• GIF: Exibe animações GIF.

• Animação Lottie: Exibe animações Lottie.

• Página HTML5: Exibe páginas HTML5 online.

Os tipos de materiais de booth compatíveis variam conforme o tipo de booth, conforme detalhado na tabela abaixo.

Modos de configuração de booth

O MCDP fornece dois modos de configuração de booth: configuração dinâmica e client preset. Escolha o modo adequado conforme sua necessidade.

• Configuração dinâmica

  Na configuração dinâmica de booth, após adicionar o SDK do MCDP ao projeto do cliente, configure as propriedades da booth diretamente no console, incluindo nome da booth, ID da booth, página da booth, tipo de booth, tipo de material da booth, posição da booth, largura da booth, altura da booth e quantidade de espaços publicitários.

  Os tipos de booth compatíveis com a configuração dinâmica incluem pop-ups, bulletins, banners, lists, float e custom booth. Para verificar as posições compatíveis com cada tipo de booth, consulte a coluna Posição da booth na tabela de informações de configuração de booth. Na configuração dinâmica, apenas o conteúdo da booth é configurado, não a posição. Booths dinâmicas não oferecem suporte à posição belly-band.

  Observe os seguintes pontos ao usar a booth dinâmica:

  • Para uma custom booth, é necessário predefinir a booth no cliente primeiro. Este tipo de booth é especial e aplica-se a cenários específicos que exigem texto personalizado. Tomando a caixa de pesquisa como exemplo, no console você define o conteúdo do texto na caixa de pesquisa, mas não pode definir a posição, largura e altura da caixa; essas propriedades devem ser configuradas através do cliente.

  • No cliente Android, a camada flutuante superior ou o topo da página deve conter o controle ViewGroup com a tag h5_titlebar, ou o layout deve conter o controle AUTitleBar do componente antui-build; o início/fim da lista deve conter o controle ListView.

  • No cliente iOS, o início/fim da lista deve conter o controle UITableView.

• Client preset

  Para booths predefinidas no cliente, adicione o SDK do MCDP ao projeto do cliente e predefina algumas propriedades da booth via código no projeto do cliente, incluindo ID, página, posição, largura e altura da booth. Em seguida, crie a booth no console e insira o ID da booth predefinido no projeto do cliente para concluir a criação. Também é possível definir a largura e a altura da booth no console, mas esses valores só podem ser definidos se não estiverem configurados no projeto do cliente.

  Os tipos de booths compatíveis com o modo client preset incluem pop-ups, bulletins, banners, lists, float e custom booth. O modo de configuração do cliente está disponível para oferecer suporte a posições de booth não compatíveis com booths dinâmicas (por exemplo, a posição belly-band).

  Nota

  Para facilitar ajustes, recomendamos predefinir apenas o ID, a página e a posição da booth no projeto do cliente, e configurar apenas a altura da booth no console.

  Para detalhes sobre os procedimentos de predefinição de booth em diferentes páginas, consulte os artigos a seguir:

  • Página Android: Configurar booth predefinida no aplicativo Android.

  • Página iOS: Configurar espaços publicitários predefinidos no aplicativo Android.

  • Página HTML5: Configurar um espaço publicitário predefinido na página HTML5.