Imate za povedati več kot pa imate prostora na kreativi? Želite, da so elementi v vašem oglasu animirani ali celo pogojno animirani? Potem bodo animirani HTML5 spletni oglasi prava rešitev za vas. Za izdelavo animiranih kreativ imate na voljo različne programske rešitve in spletne servise. Ker imamo radi svobodo pri ustvarjanju se za izdelavo animiranih spletnih kreativ raje poslužujemo samostojnih programskih rešitev. V nadaljevanju si preberite kako se samostojno lotiti priprave oglasa, na kaj je potrebno biti pri tem pozoren in na katerih oglasnih platformah lahko z njimi oglašujete.

Kje lahko oglašujem z animiranimi oglasi?

• Facebook bo poleg statičnih oglasov vesel vaših kreativ v .GIF formatu ne bo pa vam dopuščal oglaševati z oglasi HTML5. Ne glede na to kateri tip oglasa izberete pa ne pozabite, da ima Facebook omejitev količine besedila znotraj oglasa. Tako kot pri statičnih slikovnih oglasih lahko tudi v .GIF oglasih uporabite zgolj 20% besedila glede na celotno površino oglasa. Več informacij o uporabi .GIF formata v namen oglaševanja na Facebooku si preberite na https://www.facebook.com/business/help/1006874066021923. Če želite biti vedno na varni strani in prepričani o ustreznosti vaših oglasov uporabite za preverjanje brezplačno spletno orodje Facebook Text Overlay Tool.
• Google Ads (bivši Adwords) vam poleg .GIF formata omogoča dodati v kampanijo tudi bolj interaktivne HTML5 oglase. Berite dalje in izvejte kako lahko samostojno naredite HTML5 oglas. Za pripravo .GIF oglasov pa kliknite tukaj. Rešitve za določene težave, ki se lahko pojavijo pri pripravi HTML5 oglasov lahko poiščete v specifikaciji Google Ads.
• Poleg zgoraj omenjenih platform smo v agenciji Get Interactive specijalizirani za serviranje interaktivnih oglasov na večje Slovenske medije. Za naše naročnike tako izdelujemo kreativne interaktivne oglase iz slikovnih in video vsebin, ki zagotavljajo pozitivno uporabniško izkušnjo. V sklopu vaših kampanij lahko interaktivne oglase kot tudi inovativne 360 stopinjske oglase serviramo na medije kot so večer, dnevnik, finance in mnogi drugi.

Kje HTML5 oglasi niso podprti?

• LinkedIn nudi glede animiranih oglasov manj možnosti saj ne boste mogli uporabiti svojih HTML5 oglasov. Po drugi strani pa vam omogoča personalizacijo oglasov z uporabo makrov. Več o LinkedIn oglasnih formatih si preberite na https://www.linkedin.com/help/lms/answer/68893.
• Instagram ne podpira animiranih HTML5 oglasov. Poleg oglasnih formatov, ki jih podpira (slike, video, carousel, Story oglasi) pa lahko za oglaševanje na Instagramu uporabite vaše obstoječe Facebook oglase. Več o tem preberite v Facebook specifikacijah.

Naredite HTML5 oglas za Google ADs

V kolikor sodite med tiste, ki imajo raje »learn as you do« pristop in obenem niste vešči programiranja s HTML5 in CSS se nikar ne ustrašite. Na voljo vam je namreč program Google Web Designer, ki je popolnoma brezplačen in ga lahko kadarkoli prenesete iz njegove uradne spletne strani na naslovu https://www.google.com/webdesigner/.

Iz izkušenj vam svetujemo, da ste pri sestavi svojih oglasov za Google Ads pozorni na tehnično ustreznost in sicer:

• datoteke pripravljenega oglasa stisnite v .ZIP arhiv
• .ZIP arhiv, ki vsebuje HTML5 oglas ne sme presegati velikost 150Kb
• ustreznost vašega oglasa lahko preverite z online orodjem HTML5 Validator tako, da vanj naložite .ZIP z vašim oglasom. Po preverjanju vam bo orodje javilo ali je oglas ustrezno pripravljen za Google Ads in kaj morate popraviti v primeru napake.
• oglas ne sme imeti animacije daljše od 30 sekund oziroma se mora v roku 30 sekund animacija ustaviti.
• spletne povezave v oglasu morajo delovati
• Če boste med datotekami, ki sestavljajo vaš HTML5 oglas imeli datoteko s končnico .JSON se lahko zgodi, da vam bo HTML5 validator javil napako. V tem primeru odstranite .JSON datoteko in znova preverite ustreznost s HTML5 Validatorjem.

Kaj je Google Web designer?

Google Web designer omogoča izdelavo interaktivnih animiranih HTML5 kreativ brez predhodnega znanja programiranja. Na voljo so vam tudi že narejeni »Template« osnutki za 360 stopinjske video oglase in oglase za dinamični remarketing.

Če vam ob pogledu na programe, ki imajo veliko gumbov in možnosti pade motivacija se ne ustrašite in si poglejte kako je Google Web designer razdeljen.

Za izdelavo .GIF kreativ lahko uporabite različne online servise kot so imgflip in bannersnack ali pa jih izdelate lokalno s programom Photoshop, ki vam pri izdelavi nudi več svobode kot online ponudniki. Če nameravate uporabiti .GIF za oglaševanje na Google Ads platformi pazite, da njegova velikost ne bo presegala 150Kb. Dimenzije, ki jih Google Ads podpira za vaše .GIF, kot tudi statične slikovne oglase pa preverite tukaj.

Tisti, ki uporabljate Adobe Photoshop si v nadaljevanju preberite postopek izdelave .GIF oglasa.

1) Ker je animirani .GIF sestavljen iz več slik oziroma sekvenc si za začetek oblikujte vse slike za vaš .GIF in jih shranite na računalnik v poljubnem slikovnem formatu.

2) Ko imate vse slike pripravljene v Photoshopu ustvarite nov dokument v dimenziji vašega oglasa.

3) V novo ustvarjeni dokument naložite slike, ki ste jih pripravili z uporabo funkcije »Load files into stack«. Funkcijo najdete v zavihku File > Scripts > Load files into stack.

4) Ko so slike naložene v Photoshop kliknite gumb »Create frame animation«, ki ga najdete v Timeline zavihku. 

Če Timeline zavihka ne vidite ga omogočite tako, da kliknete na zavihek »Window« in nato izberete »Timeline«.

5) Po kliku na gumb se bo v vaš časovni trak (timeline) dodala prva slika vašega GIF-a. Preostale slike dodamo tako, da kliknemo na ikono v desnem robu zavihka časovnega traku (timeline) in izberemo funkcijo »Flatten frames into layers«.

6) V tem koraku bi morali imeti vse slike za vaš GIF zložene v »Timeline zavihku«. Sedaj je čas, da jim določimo vrstni red in hitrost animacije.

7) Slike lahko z miško primete in jih z vlečenjem postavite v željen vrstni red. Hitrost animacije določite tako, da pod vsako sliko izberete koliko časa naj bo vidna preden se prikaže naslednja slika.

8) Če ste uspešno sledili procesu je sedaj vaš GIF pripravljen na izvoz. Za izvoz lahko uporabite funkcijo “Save as” ali “Save for web”, kjer kot vrsto datoteke izberete .GIF format.