*Disponível para versões de OnSign TV App Android 4.2.0+ e Windows 9.1.1+
Você pode criar, no máximo, dez divisões de telas diferentes em um layout de campanha. Por isso não é possível criar um menu único com mais de dez botões. Você vai precisar criar um segundo menu mudando a imagem da divisão de fundo. Veja um exemplo abaixo:
Aprenda a criar dois menus com as instruções abaixo. Usamos uma campanha interativa sobre a OnSign TV ensinada em um tutorial anterior. Por isso, recomendamos primeiro fazer esse tutorial para entender os recursos de interatividade e como simular botões nas suas campanhas. Se você já tiver feito isso, baixe os arquivos de imagem usados na campanha acima e siga as instruções abaixo para criar um segundo menu:
- Crie uma ícone para o botão indicando a continuação do menu na parte inferior (veja a imagem abaixo). Coloque-o na área de menu.
- Adicione uma divisão de tela sobre o botão "avançar". Arraste uma imagem PNG transparente para a linha do tempo desse botão.
- Crie a imagem do segundo menu. Deve ter botões com funções diferentes do menu 1 e um ícone para levar ao menu anterior, na mesma posição do botão botão "avançar", na parte inferior (ver exemplo abaixo). Por enquanto, apenas faça o upload dessa imagem na plataforma OnSign TV. Não o coloque na linha do tempo.
- Salve a campanha.
- Na página carregada, clique em "Interatividade" no menu lateral.
- Clique no botão "Adicionar interatividade". A partir de agora, vamos começar a definir todas as ações dos nossos botões.
- Qual: Região 6 (botão que leva ao segundo menu).
- Ação: Substitua.
- Destino: Região 2, já que queremos alterar a imagem do menu.
- Ao tocar: Como o botão "avançar" pertence ao "Menu 1", defina a ação a ser realizada somente quando "Menu 1" está sendo exibido na tela.
- Com a mídia: Selecione "Menu 2" e salve as alterações.
- Dica: Se você estiver substituindo mídias em uma zona de tela, defina longos períodos de reprodução se deseja que o usuário navegue livremente através do conteúdo. Se você deixar uma duração de tempo mais curta, você corre o risco de interromper o usuário no meio da leitura de textos mais longos.
- Clique em "Salvar alterações" quando terminar. Aguarde até que o player sincronize as modificações e confira o resultado na tela!
Nosso primeiro objetivo agora é acionar o segundo menu quando o ícone "avançar" é clicado. Então preencha as configurações como abaixo:
O botão "avançar" levará para o segundo menu. Em seguida, precisamos adicionar filtros para todas as ações que já estão definidas para os botões do menu 1. Defina "Menu 1" para o campo "Ao tocar" de todos os botões. Isso vai evitar que o conteúdo que pertence ao menu 2 seja exibido quando clicar em um botão no menu 1.
Agora, precisamos configurar todas as ações do menu 2. Em vez de escolher "Menu 1" para "Ao tocar", temos que selecionar "Menu 2". Defina o arquivo que deseja desencadear no campo de preenchimento "com a mídia".
Por último, configure o botão "voltar" na parte inferior para mudar o menu novamente.
