Adicionar links clicáveis aos seus banners

Há duas formas de adicionar links às exportações de banners HTML no Bannerify: incluir uma tag de link <a> em volta do banner inteiro ou adicionar links clicáveis a camadas específicas da linha do tempo.

Os links só se aplicam às exportações HTML. Isso vale para todas as opções de exportação HTML e não tem nenhum efeito nas exportações de GIF ou vídeo do plugin.

Adicionar uma URL clicável ao banner inteiro ​

Para adicionar um link em volta do banner inteiro, cole um link no campo de URL do painel de configurações de exportação. O banner inteiro é envolvido automaticamente em uma tag <a>, com o href definido para a URL que você informou no campo.

Adicionar uma URL clicável a uma camada específica da linha do tempo ​

Se você precisa tornar clicável uma camada específica da linha do tempo, clique nessa camada no canvas do Figma e adicione uma interação Open link no painel nativo Prototype do Figma. Ao colar o link no campo de URL da interação do Figma, o atributo onclick="window.open('https://yourwebsitelink.com', '_blank')" é incluído automaticamente nesse elemento na exportação do banner HTML.

Vale apenas para as camadas visíveis na linha do tempo do Bannerify. Isso só é aplicado às camadas visíveis na linha do tempo. Por padrão, são as camadas filhas diretas do frame do banner; se quiser, você pode incluir camadas aninhadas pelo plugin e também aplicar uma interação de link de protótipo a essas camadas aninhadas.

Usar Enabler.exit() em camadas da linha do tempo nas exportações DoubleClick ​

Se você exporta no formato DoubleClick Studio, também pode definir a URL de protótipo do Figma de uma camada da linha do tempo como uma chamada Enabler.exit(...), em vez de uma URL de site comum.

  1. Selecione uma camada na linha do tempo (por exemplo, o botão de CTA).
  2. No painel Prototype do Figma, adicione uma interação On click -> Open link.
  3. No campo de URL, digite uma chamada de saída do DoubleClick, como:
js
Enabler.exit("CTA Exit");
  1. Exporte o banner com o Bannerify usando o formato DoubleClick Studio.

Em seguida, o Bannerify:

  • vincula essa camada a Enabler.exit("CTA Exit"),
  • mantém a saída padrão de fundo do banner inteiro (Enabler.exit("Background Exit")),
  • impede que o clique na camada se propague até a saída de fundo, para que você não tenha chamadas de saída duplicadas.

Use isso apenas nas exportações DoubleClick. Nos formatos HTML que não são DoubleClick, use URLs de site comuns nos links de protótipo (por exemplo, https://example.com).