• TEGEVUSALAD
  • REKLAAM
  • PARTNERILE
  • ELAMUS
  • PRAKTIKA
  • Töötamine
  • CO2
  • Kontakt

HTML võimalused

  • Esileht
  • TEGEVUSALAD
  • REKLAAM
  • PARTNERILE
  • ELAMUS
  • PRAKTIKA
  • Töötamine
  • CO2
  • Kontakt

Mis on HTML5?

1996. aastast veebidisainerite üheks lemmikformaadiks olev Adobe Flash kaotab tasapisi oma positsiooni. Seetõttu on Eesti veebidisainerite huvi alternatiivsete formaatide, eelkõige HTML5 vastu viimasel ajal plahvatuslikult suurenenud.

Eelkõige on tähtis jälgida nii mahupiiranguid kui ka efektide mõistlikku kasutust. HTML5 vale kasutamine tingib tegelikkuses selle tagajärje, mille vastu brauserid paljuski Flashi blokeerimisega võidelda soovivad: kasutaja brauseri töö kergendamise asemel võib valesti koostatud HTML5 fail röövida hoopis rohkem arvutiressurssi.

HTML5 bännerid tuleb saata vähemalt 2 (kaks) täistööpäeva enne lähetuse esimest päeva. Kui reklaammaterjali esitamise tähtaega ei järgita, ei garanteeri Ekspress Meedia reklaammaterjali aktiveerimist. Hüvitist sel puhul ei anta.

Technical specifications for HTML5 creatives

Single Zip
Creative should be sent in a single zip file that contains the static HTML and all of the resources required (the creative should not include resources from 3rd party sites unless stated otherwise).

Weight
Creative weight (total file size) should not exceed the allowed weight limit of the placement.
Banner weight is calculated as unZIPed.
The core libraries of the more popular media creation tools should not be included in the zip and will not be counted towards the weight limit of the banner. For example Adobe Animate CC, Adobe Edge, Google Web Designer, Tumult Hype, etc.

Effects
Special effects should be used reasonably (respect user experience and hardware load).

Browsers
Creative must work in all modern browsers (oldest supported browser are IE10, Chrome 20, Firefox 20)

Trackers
If you want to use a 3rd party viewtracker, then send it with the creative. Don’t inject trackers to the creative code.

Responsiveness
With the number of different sreen size in the market growing rapidly we require the banners, we show on mobile devices, to be responsive. Please follow he below link for instructions on how to create responsive banners with most popular creation tools.
How to make a responsive HTML5 banner

HTTPS
All banners require https compliance. This means that the banner cannot make any requests to unsecure domains. All request must be to https.
How to make HTTPS compliant banners

Clicktag
Ekspress Meedia uses AdForm clicktag implementation.

Add the Adform.DHTML.js library to the head section of the banner:

<script>
document.write('<script src="'+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv='+ Math.random()) +'"><\/script>');
</script>

That defines the dhtml variable that can be used as follows:

window.open(dhtml.getVar('clickTAG', 'http://www.example.com'), '_blank');

Where dhtml.getVar('clickTAG') will fetch the clickTAG URL and window.open will open that URL in a new window.
Note that 'http://www.example.com' is NOT the final destination URL but for local testing only.» Detailed instructions on how to add clickTAG

Good Practices
For best user experience and page performance plese keep in mind the following best bractices:

  • Make your creative light – Your banner should load as fast as possible.
  • Only use assets you need – Delete all unused assets (fonts, grapchics etc)
  • Optimize your raster images (jpg, png, gif)
    • Avoiding narrow lines and small text – image compressing will make them blurry. You can add small lines and text in HTML
    • Save images web optimized, without any metadata
    • After saving jpg/png files – optimize your images also with image optimizers like http://kraken.io/ (NB! use lossless option)
  • Using Custom fonts
    • Custom fonts should also have always fallback to a web-safe font (Arial, etc). NB! Do not forget to test your fallback font.
    • Fonts should be provided by Google fonts or included inside of the zip file with rest of the creative resources.
    • If you are using Adobe Edge the default fonts are recommended – they have websafe font fallback defined for them.
  • WebGL – WebGL is special case and not allowed by default. Please contact us before you use them

Different ad creation tools

Below we have compiled a list of specification pages for most common tools that are used to create html5 banner ads.

  • Adobe Animate CC
  • Adobe Edge
  • Google Web Designer
  • Tumult Hype

Below we have compiled a list of different instructional pages for most common issues and their possible solutions.

  • Clicktag
  • HTTPS
  • Responsiveness
  • XML

Ekspress Meedia AS
+372 669 8040
info@ekspressmeedia.ee

Rekvisiidid
Narva mnt 13, 10151 Tallinn
Reg. nr. 10586863
KMK reg.nr. EE100576146

Klienditeenindus
+372 680 4444
klienditugi@ekspressmeedia.ee
(E-R 9.00-17.00)

Kasutame oma veebilehel küpsiseid. Küpsistest saad loobuda, muutes veebilehitseja privaatsusseadeid. NÕUSTUN
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.

SAVE & ACCEPT