Permita que seu público interaja com sua campanha com o toque de um botão.

Antes de criar botões, você precisa definir onde o botão ficará na tela e qual será sua função. Para criar a imagem com o botão, você pode usar o Editor de Montagem.

Vamos fazer um cenário bem simples com um botão na tela que, ao ser clicado, exiba a imagem de um aquário.

1. Acesse sua conta OnSign e crie uma Montagem com um fundo azul e uma área laranja onde o botão ficará.
2. Em seguida, crie uma nova Campanha com uma única linha do tempo. Adicione a montagem criada anteriormente à linha do tempo.

   

3. Salve a campanha.
4. A página recarregará. Selecione “Acionadores e Interatividade” no menu.

   

5. Adicione um acionador. O nome é opcional. Clique no botão + na linha "Quando" e selecione "Toque".
6. A janela da região da tela será aberta. Escolha "Região Específica" e desenhe a região da tela sobre o espaço que você criou para o botão. Feche a janela com "Escolher" no canto inferior direito.

   

7. Você retornará às suas configurações de acionador. Preencha o restante do seu acionador de interatividade:

   

• Nome: botão
• Quando: Toque Região Especifica
• Ação: Tocar “Aquarium.jpg” em “Loop Principal” por 10s

8. Clique na marca de verificar verde à direita.
9. Por último, mas não menos importante, publique sua campanha para um player.

Depois de dominar criar botões, você pode fazer muitas coisas divertidas com interatividade.

Botão interativo para versões anteriores à 10.0.0

Para versões do aplicativo OnSign Player anteriores à 10.0.0, você precisará usar o editor de interatividade antigo.

Após criar a montagem de botões interativos como mostrado acima, você pode começar a criar uma campanha. Terá duas linhas do tempo. Essa é a principal diferença em relação ao procedimento descrito acima.

1. Em seguida, crie uma nova Campanha. Dê um nome à Campanha e crie um novo Layout Personalizado que corresponda à Montagem que você criou. Temos a área de fundo (A) e a área do botão (B). Quanto mais preciso for o posicionamento, melhor. 
   

   

2. Adicione a Montagem à Linha do Tempo 1. Para a Linha do Tempo 2, usamos uma imagem png transparente. A imagem do aquário que queremos exibir ao clicar no botão virá depois.
   

   

3. "Salve" a campanha.
4. A página será recarregada. Acesse o menu "Acionadores e Interatividade" da campanha. Clique no link no canto inferior direito da página para acessar o editor de interatividade antigo.
5. Esta é o último passo, onde você define as regras para o botão interativo. Clique em "Adicionar interatividade" e preencha os campos da seguinte forma:
   

   

   • Nome: aquarium
     Isto é só para você saber o que vai acontecer.
   • O que: Toque
     Queremos que o toque no botão provoque a mudança da imagem.
   • Qual: Região 2
     Este é o nosso botão.
   • Ação: Substituir
     Quando o botão for clicado, uma nova imagem será exibida.
   • Destino: Região 1
     A imagem será exibida na área da tela principal (A).
   • Quando reproduzindo: Qualquer mídia
     Como temos apenas um item na área B da Linha do Tempo, qualquer mídia serve.
   • Com mídia: a imagem do nosso aquário
   • Duração: Por quantos segundos você quiser
6. Clique na marca de verificar e em "Salvar". Pronto.