Banner ad file optimization: What are full.min.js and thin.min.js for?

Hi Daniel, I did try that but I still get an external .js file exported into a folder, see file structure below:

Does the ad provider you work with allow external hosting? You could use the CDN option in Advanced Export to host that thin.min.js file elsewhere.

Thanks Daniel, most do but some don’t which is the problem i’m having, what would be good is for a streamlined version of the runtime that could be easily added to the HTML file itself. This way an Ad would not require any other external JS files to work.

Is there a hack I could perform that would let me inline the runtime manually?

1 Like

To go file-less, you would place the contents of that thin.min.js within

  <script type="text/javascript">
  

  </script>

… Above where your generated js code is already in place.

2 Likes

As simple as that, no tampering with the already inlined JS?, I’ll give it a go now. Thanks D

Can you let us know which sites are following this rule?

I’l DM them over to you as and when they come up, but these do include some UK cinema sites that I directly send ads to on a regular basis where no ad server is used.

1 Like

Hi All,

I’ve just come over from Google Web Designer - in which once exported it was just the images used in the HTML5 animation and the .html file - which contained everything. Will Hype be doing this? or do we always have to manually work it out which files we can delete to get the 150kb limit…

This currently is the reason we are staying with GWD even though Hype’s animation is far ahead the exporting is a time concern for when we are outputting 7-10 banners for a campaign.

The current version of Hype will allow you to automate some of this (you can set it to not include the backup file when you export), but I haven’t found a way to automatically remove all the extra stuff that I don’t want in the export so I’m still doing it manually. Note that I’m removing the lite version of the JS files as well so that means altering html/code. Not a big deal the first couple times, but it starts getting tedious after a while. It would be really nice to be able to setup an export profile with all my edits and recall this process each time, but I haven’t found a way to do this yet.

Out of curiosity… how was your experience with GWD? I tried it a while back and found it to be really fast, but very buggy. We had A LOT of cross browser issues and had to bail on it really early on.

Hi Shaun,

Yes GWD has been a bit buggy but the ease of exporting and adding links is super easy.

As soon as I started using Hype I was so excited until I saw what it exported, and that was a surprise to me that it exports that way… I’m hoping they are doing an update for this, as at the moment - it’s just like you said to tedious and something that we shouldn’t have to do for a quick workflow.

I’m over GWD but for now until Hype has better options will have to stay

If you use this set of options and also host the HYPE.js runtime on a CDN, you should be able to get close to your goal. This will produce a single .html file with all of the generated JS inline, your images within a folder, and the runtime would be loaded remotely.

1 Like

Hi Daniel,

Thanks. Yes I saw the instructions above but using a CDN may not be an option for all ads we create. Will Hype be doing an update at all to streamline this?

1 Like

I would like to add. The people at Adform have changed there export options when dealing with Hype-Banners. On export they minimize the files. And therefore add the hype-generated.js into the index.html.

The main thing to watch for is the added Style or Script to the main <div>. I still don’t understand why in the head there is still a link needed for the .js. Any thoughts, Daniel?

Export File:
160x600_banner_tua_06_rgb_adform.zip (77.5 KB)

Code example here:
<html><head></head><body><div id=160x600bannertua06rgbrz_hype_container style=margin:auto;position:relative;width:160px;height:600px;overflow:hidden aria-live=polite><script>!function(){!function k(){function l(e,n,i){var a=!1;return null==window[e]&&(null==window[n]?(window[n]=[],window[n].push(k),e=document.getElementsByTagName("head")[0],n=document.createElement("script"),a=h,n.type="text/javascript",n.src=a+"/"+i,e.appendChild(n)):window[n].push(k),a=!0),a}var h="160x600_banner_tua_06_rgb_rz.hyperesources",c="160x600_banner_tua_06_rgb_rz",e="160x600bannertua06rgbrz_hype_container";try{for(var f=document.getElementsByTagName("script"),a=0;a<f.length;a++){var b=f[a].src;if(null!=b&&-1!=b.indexOf("160x600bannertua06rgbrz_hype_generated_script.js")){h=b.substr(0,b.lastIndexOf("/"));break}}}catch(n){}if(a=navigator.userAgent.match(/MSIE (\d+\.\d+)/),a=parseFloat(a&&a[1])||null,!(a=l("HYPE_526","HYPE_dtl_526",1==(null!=a&&10>a||!1)?"HYPE-526.full.min.js":"HYPE-526.thin.min.js"))){if(f=window.HYPE.documents,null!=f[c]){b=1,a=c;do c=""+a+"-"+b++;while(null!=f[c]);for ... reduced the code here ... (this.body)}}()}();</script></div></body></html>

There’s 3 JS files referenced in that block:

160x600bannertua06rgbrz_hype_generated_script.js - the reason this is referenced is to try to find a full URL for the .hyperesources folder. It isn’t strictly necessary if you place the .hyperesources folder next to the .html document it is run from, but in many cases users don’t do this so it is a way for Hype to be more robust.

HYPE-526.full.min.js and HYPE-526.thin.min.js - The *_hype_generated_script.js has two responsibilities: holding animation data and loading the Hype runtime. It references these files to load, and makes the decision on which one based on environment factors.

Thank you for explaining Mr Deutsch.

1 Like

The IAB Ad guidelines recommend a maximum of 200kb [PDF] for most ad sizes, and a typical maximum animation length has been set to 15 seconds.

To TumultHypeTeam

Edge.js is served by Adobe on high availability servers which cancel the weight to the adds servers.
and 50k extra is just … it has been better said earlier.

exemple from THEM! :
https://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js

Can’t you https addserve your lib separately : basic / physics / etc … on the same exemple ?

This only an encouragement to the TumultHypeTeam to keep considering this as a important issue for many of us

ps: eXcuse me french in poor writing .

Thanks for the request. Given the cost this isn’t something we could host ourselves with our current pricing model (notice Edge is no more :wink:) , but we do understand the need for a common CDN URL for Hype’s runtime.

1 Like

Thx for your answer,
Many ask for https:// for obvious reasons,
I’m two days from buying your products :slight_smile: mainly to produce display adds.
Have a nice day
Emeric

1 Like

html banners have been bumped to 200kb, so I don’t have the .min.js (eg. 50kb) problem anymore. If you still have some with 50kb you have to inform them they are living before 2015.11 since IAB Updated the recommended ad size. I mostly have 100kb as max. kb.

2 Likes