Criando Campanhas Interativas

Deixa seus clientes interagir com as telas com campanhas interativas.

Com este recurso você torna áreas da tela clicáveis, revelando mais conteúdo ou levando a outra campanha. Ao adicionar interatividade, os clientes podem explorar o conteúdo da Campanha como quiserem, na ordem que quiserem.

Existem diversos casos de uso para interatividade em campanhas. Em um restaurante, por exemplo, um banner promocional pode levar a mais detalhes, como preço, condições, datas de validade e assim por diante, na tela principal.

prévia da campanha interativa

Para aprender como aplicar a interatividade, tente recriar a Campanha acima repetindo os passos. Depois, você poderá implementá-la com a sua própria ideia de Campanha. Baixe os arquivos de exemplo, faça o upload para a sua conta e vamos lá!

  1. Crie uma nova Campanha na sua conta OnSign. Selecione ou crie um layout de duas zonas.
    divisões da tela
  2. Coloque três imagens na linha do tempo maior, a 1. Arraste dois aplicativos de barra e o “promotion banner” para a linha do tempo inferior, a 2.
    A imagem “more info promotion”, que você deseja exibir quando o cliente clicar no “promotion banner”, ainda NÃO será colocada na campanha.
    conteúdo nas linhas de tempo
  3. Clique em “Salvar”.
  4. A página recarregará. Selecione “Acionadores e Interatividade” no menu.
    menu de acionadores e interatividade na campanha
  5. Clique no botão “Adicionar Acionador” no canto superior direito. Um painel com todas as configurações de interação será exibida.
    configurações do acionador vazias

    Para versões do aplicativo do player anteriores à 10.0.0, use o editor de interatividade antigo, mostrado mais adiante neste tutorial.

     
    A configuração de interatividade segue o mesmo padrão mostrado no tutorial Criando um Acionador ao Pressionar uma Tecla.
  6. Nome: É opcional dar um nome ao acionador, mas se você quiser criar várias interações, dar nomes facilita saber qual configuração faz o quê.
  7. Quando: O que o cliente precisa fazer para revelar a Oferta de Terça-feira no tablet? Selecione Toque. Uma janela será aberta onde você escolherá a Região 2. Feche a janela com “Escolher”.
    acionador de tocar na região da tela
  8. Ação: Defina o que acontecerá quando o cliente clicar na região de toque. Selecione "Tocar". Agora é o momento de inserir a imagem "more info promotion".
  9. Loop Principal: Reprodução em Loop: Por padrão, está selecionado o Loop Principal, ou tela cheia. No nosso caso, queremos que a linha do tempo inferior continue visível. Portanto, clique em “Loop Principal”. Uma nova janela será aberta. Escolha “Região 1” e confirme com o botão “Escolher”.
    tocar em região da tela
  10. Restrições: Este campo funciona como um filtro para a Ação. Se você não selecionar nada, sempre que o cliente clicar na região definida da tela na Campanha, o evento será acionado. Altere as restrições para que seja acionado somente quando o “promotion banner” for exibido na Região 2.
  11. Estas são as configurações que você deveria ter preenchido.
    configurações de acionador preenchidas
  • Nome: mais informação
  • Nome: mais informação
  • Quando: Toque na “Região 2”
  • Ação: Tocar “promotion banner” na “Região 1” por 20 segundos
  • Restrições: Executar somente quando o player está tocando “promotion banner” em “Região 2”
  1. Clique na marca de verificar verde à direita.
  2. Clique em “Publicar” no menu à esquerda. Publique a campanha para um player e teste a interatividade.

Além de uma Campanha, a interatividade também pode ser definida para um Player como um todo.

Página de Interatividade Antiga para versões anteriores à 10.0.0

link para o editor de interatividade antigo

Confira a função de cada campo: 

configurações da interatividade antiga vazias
  • Nome: Se você quiser permitir várias interações, nomeá-las torna mais fácil saber qual configuração faz o quê.
  • O quê: Defina o que o público precisa fazer para revelar o Conteúdo. Pode ser tocar na tela, pressionar uma tecla, um comando de API ou simplesmente o timeout de um Conteúdo anterior.
  • Qual: especifique em qual Divisão da Tela a pessoa precisa clicar para acionar o evento. Se você optar por acionar a Campanha pressionando uma tecla, defina qual tecla acionará o evento.
  • Ação: Defina o que acontecerá quando a pessoa interagir com a tela. Você pode reproduzir outra Campanha ou um Playlist ou substituir uma região da tela por outro item de mídia ou aplicativo. Em ambos os casos, você precisa escolher um destino.
    Importante: O conteúdo será baixado automaticamente para o Player. Não é necessário publicá-lo separadamente.
  • Destino: Em "Substituir", defina onde o arquivo será exibido na tela após o usuário tocar na tela ("Região 2", por exemplo). Em "Reproduzir", escolha qual Campanha ou Playlist será reproduzida em seguida.
  • Quando reproduzindo: Este campo funciona como um filtro para a Ação. Se você mantiver "qualquer mídia", sempre que clicar na região de tela definida, a Ação será executada (uma Campanha será reproduzida ou um arquivo aparecerá na área que você definir como Destino). Altere este campo se desejar que a ação seja executada apenas quando uma mídia específica estiver sendo reproduzida.
  • Com mídia: Este campo só está ativo para a ação "Substituir". Selecione o arquivo ou aplicativo que deve aparecer no Destino definido por causa da interação. Você pode escolher qualquer formato de mídia.
  1. Para os propósitos deste tutorial, preencha as configurações conforme mostrado abaixo: 
    configurações da interatividade antiga preenchidas
  • Nome: Promotion
  • O que: Toque
  • Qual: Região 2
  • Ação: Substituir
  • Destino: Região 1
  • Quando reproduzindo: promotion banner.png
  • Com mídia: more info promotion.png
  • Duração: 30s
  1. Clique na marca de verificar verde à direita.
  2. Clique em "Publicar" no menu à esquerda. Publique a Campanha para um Player e teste a interatividade.

OnSign Academy - Interatividade de Toque