Tekst powstał w ramach niewspieranej już inicjatywy internetteam.pl
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:
$CREATEJS_LIBRARY_SCRIPTS
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.