Dodawanie klikalnych linków URL do banerów

W Bannerify linki URL do eksportów HTML dodasz na dwa sposoby: tagiem <a> wokół całego baneru albo klikalnymi linkami na wybranych warstwach osi czasu.

Linki działają tylko w eksportach HTML. Dotyczy to wszystkich opcji eksportu HTML i nie ma wpływu na eksporty GIF ani wideo z wtyczki.

Dodawanie klikalnego adresu URL do całego baneru ​

Aby dodać link obejmujący cały baner, wklej go w pole URL w panelu ustawień eksportu. Cały baner zostanie automatycznie umieszczony w tagu <a>, którego atrybut href wskazuje podany adres URL.

Dodawanie klikalnego adresu URL do wybranej warstwy osi czasu ​

Aby wybrana warstwa osi czasu była klikalna, kliknij ją na płótnie w Figmie, a potem dodaj interakcję Open link w natywnym panelu Prototype Figmy. Gdy wkleisz link w pole URL tej interakcji, w eksporcie HTML baneru element automatycznie otrzyma atrybut onclick="window.open('https://yourwebsitelink.com', '_blank')".

Dotyczy tylko warstw widocznych na osi czasu Bannerify. Link zostanie dodany tylko do warstw widocznych na osi czasu. Domyślnie są to bezpośrednie warstwy podrzędne ramki baneru. Możesz jednak opcjonalnie uwzględnić zagnieżdżone warstwy we wtyczce i w razie potrzeby również do nich dodać interakcję z linkiem w prototypie.

Używanie Enabler.exit() na warstwach osi czasu w eksportach DoubleClick ​

Jeśli eksportujesz w formacie DoubleClick Studio, możesz też ustawić jako URL prototypu warstwy w Figmie wywołanie Enabler.exit(...) zamiast zwykłego adresu strony.

  1. Zaznacz warstwę na osi czasu (na przykład przycisk CTA).
  2. W panelu Prototype Figmy dodaj interakcję On click -> Open link.
  3. W polu URL wpisz wywołanie wyjścia DoubleClick, na przykład:
js
Enabler.exit("CTA Exit");
  1. Wyeksportuj baner w Bannerify w formacie DoubleClick Studio.

Bannerify wtedy:

  • powiąże tę warstwę z Enabler.exit("CTA Exit"),
  • zachowa domyślne wyjście z tła całego baneru (Enabler.exit("Background Exit")),
  • zatrzyma propagację kliknięcia warstwy do wyjścia z tła, więc wywołania wyjścia nie będą się dublować.

Używaj tego tylko w eksportach DoubleClick. W formatach HTML innych niż DoubleClick używaj w linkach prototypu zwykłych adresów stron (na przykład https://example.com).