Crie menus expandidos

*DISPONÍVEL APENAS PARA PLANOS ESPECIAIS!

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:

expanded_menu_campaign

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:

  1. 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.
  2. menu 1 with button
  3. 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.
  4. new zone for next button
  5. 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.
  6. menu 2
  7. Salve a campanha.
  8. Na página carregada, clique em "Interatividade" no menu lateral.
  9. Clique no botão "Adicionar interatividade". A partir de agora, vamos começar a definir todas as ações dos nossos botões.
  10. Nosso primeiro objetivo agora é acionar o segundo menu quando o ícone "avançar" é clicado. Então preencha as configurações como abaixo:

    configure next button
    • 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.

    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.

    filter to button 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".

    filters to buttons menu 2

    Por último, configure o botão "voltar" na parte inferior para mudar o menu novamente.

    configure back button
    • 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.
  11. Clique em "Salvar alterações" quando terminar. Aguarde até que o player sincronize as modificações e confira o resultado na tela!