HappyPancake Sverige's logotype

HappyPancake Sverige

Social Media · Sweden

Display – Mobil

  • Panorama
    320x320 px, 300x250 px
    80 kb - GIF, HTML5, JavaScript, JPG, PNG, Third-party script

Allmän information

Annonsen kan länkas till annan sajt eller kampanjsida. om länkning sker till annan sajt måste länken öppnas i ett nytt fönster.

Javascript-kod bör generera annonsen i en iframe för att inte bromsa sidladdningstid. annonsbilden ska godkännas av Happypancake innan eventuellt byte under kampanjen.

”Mouse over” – ljudet aktiveras med hjälp av att musen flyttas över annonsen och avaktiveras när musen flyttas från annonsen.

Animeringar rich media Rich mediaanimeringar får vara på maximalt 15 sekunder utan användarstyrd påverkan.

Annonser med animeringar Happypancake.com accepterar gif-annonser med animeringar. Annonsen rekommenderas ha mjuka animeringar och bör inte byta färg, flimra eller ha ett störande utformning.

Kontakta alltid Happypancake för eventuella extra kostnader om filen ska hostas av vår plattform.

• Loop: Max 3 gånger/15 sek
• Framerate: 24 fps
• Ljud: Endast tillåtet vid användarinteraktion (klick/mouse-over)
• Maxvikt vid första inläsning: 100 kB
• Maxvikt film efter action från användare: 3000 kB


1. Dimensions
See table

2.Weight (kB)
The ads can be a maximum of 100 KB in archived state. You can measure the size of an advertisement by creating a zip file of the advertisement that includes all the elements that should be included. Even if you refer to an external file in the code (for example, a JavaScript library that edge.js) this must also be included in the local zip file and included in the size. Calculation of the maximum shall include all items that ad uses, be it HTML, images, CSS and JavaScript. There are two exceptions:
• New content is available on a user interacts with the advertisement (for example, a video).
• It is permissible to use the latest jQuery version as long as it is taken from Google's CDN (see " jQuery " below)

3. jQuery
You can use JQuery library without having to calculate it with the size of the ad. However, this requires that the following holds:
• You use the latest version of jQuery
• You use Google's CDN
• You use the min. version of the library (jquery.min.js)

4. Limitations
These limitations need to be followed:
• Viewport cannot be set to device – width.
• You cannot use the built-in geo – location.
• Sound is not allowed.

5. Minimize the number of files
A typical HTML page would like to include one or more external CSS and JavaScript files and do this by linking to these files in the code. These files are downloaded to the mobile phone via an HTTP request per file. To ensure good performance so it is important to have a low number of http - request and the following requirements must be met:
• HTML ad must consist of a single HTML file that includes all the CSS needed to run the ad. It means therefore that all CSS should be inline.
• A maximum of two requests to the JavaScript library is allowed (for example, one local JavaScript file and one external framework). All file references must be in the full URL. If we are to cough files on the server with us, all file references be root. Any folder structure disappears when we upload files in our ad management system.

6. Fallback
For all HTML ads, we need a fallback. This is an image version (PNG / JPEG / GIF) of the ad.

7. Click Counts
For us to be able to count clicks, we must insert a click macro parameter. This is done manually and requires clickURL either is like a normal href in html or in a visible JavaScript in html file. If it is set hidden in a JavaScript we cannot add this, and therefore cannot count clicks.

8. Third Party Code
Third Codes delivered as JavaScript code. Ad management system can measure clicks via third-party code, but this is not guaranteed. It is always up to the third party that the code is correct.

9. Wallpaper
A wallpaper contain of 3 assetes top, left and right, send one zip per asset.

10. Enabler
The creative must have exactly 1 asset(s) with Enabler. All Rich Media components and API calls must go through the Enabler. Kindly add this code on your creative "". In addition, you may read this help center article about Add the HTML5 Enabler

11. Clickability
Doublecheck that banner is clickable. We often recove HTML5 banners which are not clickable.
Click the button on products to create an inquiry