Adobe Animate – linkowanie baneru

Jak dodać link do baneru w Animate?

Mamy gotowy baner, chcielibyśmy żeby linkował do konkretnej strony lub został użyty w Google Adwords lub DoubleClick. W starym flashu dodawaliśmy przycisk wraz z akcją clicktag natomiast obecnie dokonujemy zmian w pliku HTML, a dokładnie w szablonie HTML używanym do eksportu.

W zakładce Publish settings eksportujemy domyślny template HTML.

W dowolnym edytorze dokonujemy następujących zmian:

W znaczniku HEAD dodajemy kod wskazujący rozmiar baneru:

 

<meta name="ad.size" content="width=$WT,height=$HT">

dodajemy bilblioteki CreateJS i TweenMax hostowane przez google:

 

<script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script>

 

usuwamy natomiast domyślne biblioteki:

 

Dla DoubleClicka dodajemy zmienną clickTag, AdWords natomiast sam tworzy event click więc pomijamy ten krok

 

<script>var clickTag = "https://www.google.pl"</script>

 

w znaczniku BODY dla DoubleClick onclick=”window.open(window.clickTag) oraz cursor:pointer

w znaczniku BODY dla AdWords  cursor:pointer


kod powinien wyglądać następująco:

 

<div id="$ANIM_CONTAINER_ID" onclick="window.open(window.clickTag)" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;">

 

Plik zapisujemy z własną nazwą, a następnie importujemy go w Animate:

 

 

Publikujemy, pakujemy zipa i na koniec sprawdzamy poprawność baneru dla DoubleClicka tu https://h5validator.appspot.com/dcm/asset

 

Takie obrazki świadczą o pełnej poprawności plików.

Done.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *