Os cartões são uma camada de notificações personalizáveis, que os assinantes do Vimeo Business, Vimeo Premium e Vimeo Enterprise podem definir para aparecer durante a reprodução de seus vídeos incorporados. Você pode fazer cartões mais simples, com apenas um título ou eles podem ser mais chamativos, com uma descrição, miniaturas e link para qualquer destino.
✦ Criação de cartões em seus vídeos incorporados
Para adicionar ou editar cartões para um dos seus vídeos, vá para a aba de Ferramentas de interação nas configurações de vídeo. Embaixo da seção Durante o vídeo, clique em + Cartões, formulário de contato e, em seguida, selecione “Cartão” no menu suspenso para ver os campos para preencher seu cartão.
No mínimo, você precisa inserir um título para seu cartão e o carimbo de data/hora para quando quiser que ele apareça pela primeira vez durante o vídeo. Você também tem a opção de adicionar uma descrição, link e miniatura de foto. Conforme você está editando seu cartão, você verá a atualização de pré-visualização do player em tempo real. A menor duração de tempo que os cartões podem ser adicionados ao lado do outro é de seis segundos.
Quando você acabar de editar o seu cartão, aperte o botão Adicionar.Você pode adicionar até um cartão por segundo do seu vídeo. Quando você acabar de edição suas configurações de incorporação, aperte o botãoSalvar.
Observação: os cartões só aparecem em seus vídeos e vitrines incorporados. A experiência no local dos seus vídeos não incluirá nenhum cartão que você adicionou. Além disso, adicionar um cartão ao vídeo desabilita os controles Curtir, Assistir Depois e Compartilhar.
✦ Visualizão de cartões no computador vs. dispositivo móvel
A experiência de visualização de vídeos com cartões serão diferentes dependendo da plataforma em que o vídeo é compartilhado e o dispositivo que está sendo usado para visualizá-lo.
Nos computadores de mesa, os cartões ficam no canto superior direito do seu vídeo durante seis segundos, a menos que você adicionado um outro cartão para aparecer na mesma janela. Os vídeos com cartões aparecerão em sequência em qualquer lugar que eles estão incorporados, quando visualizados em computadores de mesa.
No celular (ou quando o player é incorporado abaixo da largura de 415px), cartões aparecem abaixo do player incorporado. Quando um cartão aparecer, ele permanecerá visível até que o próximo cartão seja programado para aparecer. Os espectadores podem passar pelos cartões abaixo do player, e esta ação irá levá-los para o ponto no vídeo em que o cartão visualizado foi programado para aparecer.
Em sites como o Wix, Squarespace e Wordpress, vídeos com cartões aparecem em sequência na web móvel. No Facebook e no Twitter, os aplicativos móveis e web móvel enviarão o link para a página do vimeo.com .
✦ Análise de interação para cartões
No painel de análise do seu vídeo, você pode verificar o número de vezes que todos os cartões foram vistos e clicados nos últimos 30 dias. Saiba mais sobre análises para ferramentas de interação com vídeo aqui .
✦ Cartões em vitrines
Cartões, bem como quaisquer outras ferramentas de interação de vídeo (como telas finais e formulários de contato) que você adicionou anteriormente serão mostrados em sua vitrine. Após compartilhar sua vitrine, seus espectadores verão seus cartões quando visualizarem a vitrine.
✦ Código de incorporação para vídeos com cartões
O código regular de incorporação do Vimeo é um iframe simples. Para dar suporte aos cartões em todos os ambientes de visualização, acrescentamos um wrapper javascript para o código de incorporação regular. O novo código de incorporação é ágil e permite que o player mantenha sua proporção original sempre que a janela do navegador for redimensionada. Veja o exemplo do código de incorporação abaixo, com o wrapper do javascript em negrito.
< div classe = "vimeo-espaço" style = "padding: 56.25% 0 0 0; posição: relativo; " >< iframe src = "https://player.vimeo.com/video/76979871" style = "height: 100%; à esquerda: 0; posição: absoluto; Top: 0; largura: 100%; "frameborder ="0"allowfullscreen de mozallowfullscreen de webkitallowfullscreen >< / iframe >< / div >< script src ="https://player.vimeo.com/api/player.js">< / script >
Se você incorporou um vídeo em que você acabou de adicionar cartões, você precisará atualizar o código de incorporação no seu site para incluir o wrapper javascript. Você pode acessar o novo código de incorporação depois de ter adicionado cartões no seu vídeo, clicando no botão do código de incorporação cinza, acima da visualização do player, nas suas configurações de incorporação.
✦ Práticas recomendadas para compartilhamento de vídeos com cartões em plataformas sociais
Se você está incorporando um vídeo com cartões em plataformas sociais como Twitter ou Linkedin, você pode simplesmente colar na sua URL de vídeo do Vimeo no seu post, em vez de usar o código de incorporação do Vimeo.
Se você quer compartilhar seu vídeo no Facebook ou Twitter, mas quer que o seu post direcione o público para o seu próprio site, em vez da página de vídeo do Vimeo, você precisará adicionar algum código extra no seu website. Saiba mais sobre como otimizar seu site para postagem em plataformas sociais.
✦ Práticas recomendadas para incorporar vídeos com cartões
Se você está incorporando vídeos com cartões através de um construtor de sites como o Wix ou Squarespace, você vai querer ter certeza que o wrapper javascript não é removido do código de incorporação. Também recomendamos evitar o uso de widgets para incorporar seus vídeos.
Se você estiver incorporando vários vídeos com cartões em uma página, recomendamos apenas adicionar o marcador do javascript <script src="https://player.vimeo.com/api/player.js"></script> em um dos vídeos na sua página. Todos as incorporações subsequentes deverão incluir somente o novo marcador <div>. Incluir o marcador javascript múltiplas vezes pode causar um impacto negativo na performance da página.
Aqui está um rápido resumo de como incorporar um vídeo com cartões nos site mais comuns:
- Wix
- No editor do site Wix, clique em+Adicionar,selecionarMaisno final da lista, depois escolha a opçãoHTML
- Clique nobotãoEntrar código acima do bloco cinza na sua página, para ativar o modo de edição
- Certifique-se que a opção Códigoestá selecionada, depois cole o wrapper Javascript no seu código de incorporação do Vimeo
- Clique no botão azulUpdate,depois publique as alterações no seu site
- Squarespace
- Entre no modo de edição na sua página do Squarespace e, em seguida, clique no ícone+Adicionar blocono canto superior direito da página
- Role para baixo no menu até chegar em Mais, selecione a opção </> Código
- Cole o seu código de incorporação do Vímeo com o wrapper Javascript e, em seguida, toque no botão Aplicar
- Quando você terminar de fazer todas as edições na sua página, clique emSalvar, no canto superior esquerdo
- Wordpress
- Selecione a guia de edição de HTML na sua postagem do Wordpress
- Cole o código de incorporação do Vimeo com o wrapper Javascript
- Quando estiver pronto, bata clicar em Fazer Update no canto superior direito
- Tumblr
- SelecioneVídeosda seleção dos tipos de postagens
- Selecionea opção Adicionar vídeos da web
- Cole o seu código de incorporação do Vimeo com o wrapper Javascript
- O player incorporado do Vimeo irá carregar e você terá a opção de adicionar texto para postagens do Tumblr
- Quando estiver pronto, pressione o botão Postar.