Creative Production Guidelines


In this Guideline you can find more information about the different ads you can create or upload to our platform. Use the links to jump right into the specifics:

Responsive Native Ads Production Guidelines


The text ads are being created directly in the platform. They are consisted of Headline, Description and up to 5 different images which rotate randomly or sequentially based on your choice. They are really easy to create and edit and are perfect for short-term promotions. Find out more about the elements:
  • Headline - up to 30 characters which is usually visualized with bigger font size and sometimes bold.

  • Description - up to 80 characters. Here you can give the users more information about the product, service or promotion. With informative description the users have make better decisions to click and you get better traffic for your landing page

  • Link - the landing page you want to redirect the users who have clicked on your ad. We recommend you to avoid redirecting them to the homepage when the ad is for a specific product or service.

  • Images - you can upload/select up to 5 different images in two resolutions and ratios. The different ratios are needed in order to generate the best possible layouts for your ad according to the different placements where it is displayed. You may use our crop module to resize and crop your images for optimal results or you can use our predefined gallery with stock images all for free.

Requirements:

  • Headline: up to 30 characters;
  • Description: up to 80 characters;
  • Link: up to 600 characters;
  • Images: up to 5 images in the following ratios and resolutions:
    Ratio 4:3 - minimum 400x300px
    Ratio 1:1.91 - minimum 600x314px


Static Banners Production Guidelines


You can use images in the correct sizes as graphic banners. They have few requirements as follows:
  • File type: .jpeg, .jpg, .png, .gif
  • Image dimensions: 300x250, 336x280, 300x600, 336x600, 970x250, 970x90, 728x90, 468x60, 160x600.
  • File weight: up to 150 KB for all sizes


HTML5 Banner Production Guidelines


HTML5 creatives optimized for EasyPlatform consist of assets (gif, png, mp4 etc.) and a main html file, which references the assets. These files have to be bundled into a ZIP file. When creating the ZIP file, in order to work correctly with EasyPlatform you have to respect the following rules:
  • Name the main html file "index.html" (without the quote characters)
  • Place the index.html file into the root of the ZIP file (do not place it in a sub-folder)
  • The index.html file must contain <head> and <body> tags!
  • Place the assets into sub-folders or into the root of the ZIP file
  • Use relative paths to the assets. For example: <img src="foldername/logo.png">
  • If you use a library, please include it into the .ZIP file
  • If you have to use external resources you must use https:// protocol
  • Only use assets used by the HTML5 creative (do not use "orphan" assets)
  • Remove default body margin setting style attribute to the body: body: { margin: 0; }
  • Follow the instructions for adding links to the banner below

Requirements:


File type: . zip
Assets formats: jpg, jpeg, png, gif, txt, js, json, svg.
Required banner sizes (px): 300x250, 336x280, 300x600, 336x600, 970x250, 970x90, 728x90, 468x60, 160x600.
B anner (.zip file) weight: up to 150 KB for all sizes.

Inserting Links in HTML5 Banners


In order to define a link in the banner which will work correctly with EasyPlatform you have to insert our dynamic parameter for click correctly and according to your goal.
Inserting only parameter for click and define the link in the platform (recommended)

Add a link with standard <a> html tag and define the EasyPlatform parameter for click: <a href="_eaclick_" target="_blank"> </a> and style the <a> to be clickable throughout the banner.
In this way the platform will track the clicks and set the link according to the defined link in the platform when uploading or modifying the banner. This is recommended in order to be able to change the link fast and easy without modifying any code.
Inserting multiple links defined in the banner

In order to track all the links, the parameter for click "_eaclick_" (without the quote characters) has to be implemented correctly before every link in the banner:

<a href="_eaclick_http://yoursite.com/landing-page-1 " target="_blank">Link 1</a>
<a href="_eaclick_http://yoursite.com/landing-page-2 " target="_blank">Link 2</a>
<a href="_eaclick_http://yoursite.com/landing-page-3 " target="_blank">Link 3</a>

All the links should lead to one domain only!

Best practices

  • Compressing image assets!
    Use image files with few colors; indexed png or gif files are much lighter than JPEG files.
    Do not use transparency if it is not needed.
    Never use heavy file formats such as raw or bmp.
    Choose the lowest quality and the maximum compression rate to get the best quality with minimal weight.

  • Reducing the number of HTTP requests
    Combine all the image files into a single file (spritesheet).
    Use the CSS to point to the image files using their coordinates (X and Y)
    Merge and minify all your scripts in a single file ( javascript / css )
    Using external libraries In your HTML5 creative, you may need visual effects and
    use common libraries such as jQuery, jQueryUI, jQueryMobile, Adobe Edge, etc. We do not recommend referencing libraries as external libraries, but rather embed the library codes directly (physically) in your HTML5 creative. If you do have to load a resource externally it must be with https://

  • Keeping code light and clean
    Use efficient and compact javascript.
    Use CSS3 if possible.
    In the CSS, use global class names instead of inline styles for each tag.

  • Animations
    When using animations, a crucial point to consider is performance in order to avoid overwhelming the CPU.
    Please refer to the IAB's best practices - page 18.



Click Tracking Macro For 3rd Party Tags Guideline



If you want to use tags instead of uploading static creatives to our platform, we need to track clicks. This can be achieved by inserting our click tracking macro into your third-party ad tags.

The platform click tracking macro is _eaclick_
If you append our click tracking macro as a parameter in your tags it will generate a tracking url to track the clicks and redirect the user according to the final landing page url defined in your ad tags. Very often the final url contains characters and symbols which cannot be saved if not encoded with ()urlencode function. You can use various ways to encode the url.

Here are some examples of how our click macro was inserted into iframe and javascript tags:
  • Example 1:
    <noscript><a href="${_eaclick_}http%3A//servingads.com/BannerRedirect.asp" target="_blank"></a></noscript>


  • Example 2:
    <iframe src="https://LINK&clickurl=_eaclick_" width="728" height="90" style="width:728; height:90px; border:0px solid; overflow:hidden;" border="0" frameborder="0" scrolling="no"></iframe>


  • Example 3:
    <div class="gdedisplay" data-host="bggde.adocean.pl" data-proto="https" data-forward="_eaclick_"></div>
    <script type="text/javascript">
    (_gdeaq = window._gdeaq || []).push(["display"]);
    <\/script><script type="text/javascript" src="https://gdebg.hit.gemius.pl/gdejs/xgde.js"><\/script>



If you have any questions, do not hesitate to reach out to our friendly Support team.
You have difficulties creating banners or native text ads from the platform?
Our team is at your disposal for questions and cooperation.
Email: team@easyplatform.com
© 2009 - 2023 | EasyPlatform, EasyAds & MyPress are registered trademarks operated by EasyAds Ltd.