Crie menus interativos

Crie menus interativos para exibir seu conteúdo de forma fragmentada dentro da campanha. Divida textos longos em blocos e deixe o seu público explorar o conteúdo que lhe interessar, quando quiser e na ordem que preferir.

*DISPONÍVEL APENAS PARA PLANOS ESPECIAIS!

Para esse tutorial, vamos recriar a seguinte campanha:

simple_interactive_campaign Baixe a pasta zip com os arquivos necessários e tente montar a mesma campanha seguindo o passo a passo.
  1. Dica: Ao criar a sua própria campanha, faça um esboço no papel antes mesmo de fazer o upload dos arquivos para a plataforma OnSign TV. Planeje com antecedência:
  2. esboço
    • Divisão do conteúdo. Defina que meta você quer alcançar com essa campanha e divida o conteúdo em diferentes seções de acordo com o seu objetivo. Tente desenhar diferentes mapas de navegação e decida qual deles você acha vai funcionar melhor para o seu usuário.
    • Botões. Cada página requer um botão ou outra ação que irá acionar o conteúdo na tela. Pense sobre o design, onde serão exibidos na tela e se fica claro que pode ser clicado!
    • O layout da campanha. Dê uma unidade para sua campanha, mesmo que haja várias páginas diferentes. Use cores, fontes e disposição dos diferentes elementos, como fotos e texto, para unificar páginas diferentes. Leia mais sobre design de campanhas no blog da OnSign TV.
  3. Quando estiver pronto com o esboço da sua campanha, prepare seu conteúdo. Você pode disparar qualquer mídia na tela através da interatividade, mas apps não são permitidos. Então, se você está pensando em textos como conteúdo oculto, crie um documento em um software no seu computador e o salve em formato compatível com OnSign TV - como JPEG ou PNG.
  4. Crie uma imagem que contém todos os botões do menu (veja exemplo abaixo). Para esta campanha, nós também criamos um fundo padrão que será exibido quando nenhuma ação for executada.

    crie conteúdo
  5. Faça o upload de todos os arquivos para sua conta OnSign TV.
  6. faça upload dos arquivos
  7. Crie uma nova campanha. Desenhe o layout personalizado como você o planejou no esboço. Para este tutorial, nós planejamos duas divisões: área de conteúdo principal (A) e menu (B).
  8. crie layout básico
  9. Arraste as mídias para a linha do tempo e arranje-as.
  10. coloque arquivos linha do tempo
  11. Agora, edite o layout atual e crie divisões de tela sobre os botões na área do menu.
  12. botões
  13. Adicione uma imagem completamente transparente na linha do tempo dessas novas áreas que acabou de criar. Temos que adicionar esses arquivos para salvar a campanha, já que OnSign TV não permite publicar campanhas com linha do tempo vazia. Assim o texto da imagem abaixo também fica visível.
  14. Essa imagem deve estar no formato PNG. Aprenda mais sobre transparências neste tutorial.

    arquivos png
  15. Clique em "Salvar e Publicar".
  16. Na página carregada, clique em "Interatividade" no menu lateral.
  17. menus interativos
  18. Clique em "Adicionar Interatividade" no cabeçalho para adicionar uma ação para cada botão.
  19. adicionando interação

    Este é o ponto em que vamos dar vida a sua campanha! Vamos começar com a Região 3 (texto "O que é sinalização digital?"), tornando esse espaço clicável. Toda vez que o usuário clicar nele, o conteúdo em Região 1 será substituído pelo arquivo PNG "What is digital signage":

    aadicione botão

    Ajuste as configurações para o restante dos botões.

  20. Clique em "Salvar Alterações".
  21. Publique a campanha e verifique o resultado em um player!