New IAB Rule | Initial- and subload

Unfortunately those don't seem to load for me, I assume one needs more access/credentials.

I assume you mean "this does not work?" What issues did you run into? I'm a little surprised, but it does appear that the solution you came up with is basically the same thing, just you are using the flashtalking library.

I was able to get an account (they had some verification issues, but manually were able to get me registered). I tested with your zip and found something odd:

The subload k-weight and number of http requests definitely seems off.

I tried my solution on the document. You can download this version here:

970x250_kiue_turtles_ft-2.zip (168.0 KB)

The overview looks a bit more like I'd expect:

I suspect there might be some errors in the ad or in measurement with the flashtalking version you made.

1 Like

Pardon me a Live link here.

Ah, it looks like that link only works on mobile devices and not desktop browsers. I guess the ad does show up so all is good? I do wonder about the weight difference I’m seeing between yours and mine.

What did you use flashtalking for? I was working with their ad builder and what a nightmare that was, never again. Thank g-d for Hype.

Hello Petester,

I am back again. Was on holiday for 1,5 Months. We use Flashtalking for uploading banners so campaign managers can access these banners.

Hi @jonathan, I really like this piece of code. Could we add this with options into the base of Hype for the Banner community? So that with this timeout and politeLoad setting we can bottleneck an initial load to a set value and then after a timeout load the rest fo the banner files/request?

The German Rules of L.E.A.N.:

More Adservers are asking for it and using it. Maybe not Google, but here in Germany there is the OVK (the German IAB, without and https link. Hehe) rule.

I did a visualisation of how I think the options should look like and where to find them inside of Hype.
This is just a suggestion and if the hype community would like to add on this and make it an official feature request, we here would be very happy about it.

preview image:
Tumult%20-%20Hype%20Initial%20Load

I assume you are referring to the code I wrote in the second post of this topic, right?

If this is the only change you need, it could be made today as an Export Script.

To clarify a couple items from your mockup:

  • Is the Initial-Load field the calculated size of the ad, or is it meant to be the max amount Hype would try to load?
  • What other options would you expect to see in the Subload popup? DOMContentLoaded and a "normal" option? Or are there other events?

(As a side note, it has been a long standing request to have better loading control over assets, so I am wondering to myself if the document loading could be a part of that effort too to incorporate this type of feature)

1 Like

Hello Jonathan,

It is about thw codw written in the second post. And here are the two answers to clarify:

  1. The allowed KB before the Website DOM is loaded. for instance a fallback image or the initial html and a few
  2. Yeah, I don’t really know if there are other subload settings or events to be listend to. So that would be the only one in the pulldown menu atm.

Thanks you in advanced.

This is how we manually add the scripts into the Banner HTML.
Look for the Blue, Red and Brighter green comments:

1 Like

Thanks.

This could easily be added with an Export Script to help automate the flow, if you wanted to go that route. The export script examples show how to add code to the start and end of the head and body. If there’s documentation or a spec for your specific requirements I could also help put something together (but it would be unsupported as I can’t make time guarantees to work on it).

1 Like

Hi @jonathan ,
I also work in Germany and have to consider the initial load/subload of iab for a customer.
Unfortunately, we don't work with flashtalking and the API, "only" with the Google Campaign Manager and the JS framework Greensock.
Can you help us to translate the syntax from above to our workflow?

Code_screen.zip (709.6 KB)

Thank you
Kind regards.

Are you uploading it directly to the hub for Flashtalking?
Or do you need a Param code for an IAB Standard clicktag?

Are you working with Hype to build your creatives for Google?

I have two simple script adaptions for exporting hype files to html and then uploading them to IAB or FT AdServers.

No no. I already have a DCM redirect clicktag in it. And I upload the ZIP file to the adserver from Google Campaign Manager. It has nothing to do with flashtaking.
I just need help to load images and the JS animation later (subload).

So doesn't this work, and also inject the CSS file this way.

<!-- ? setTimeout + DOMContentLoaded -->
<script>
        const scriptSrc = "./your_animation.js";
        
        document.addEventListener("DOMContentLoaded", function(event) {
            window.setTimeout(function () {
                const headElement = document.getElementsByTagName('head')[0];
                const scriptElement = document.createElement('script');
                scriptElement.type = 'text/javascript';
                scriptElement.src = scriptSrc;
                headElement.appendChild(scriptElement);
            }, 1000 /* 1 second delay */);
        
        });
    </script>
<!-- ? end setTimeout + DOMContentLoaded -->
1 Like

This works. I have managed to do that. Initially index.thml and the JS framework are loaded. Custom .js and .css are loaded afterwards. But then the images are not reloaded. I get a white page just ejected.

What does the browser console say? 404 to the images?

Not 100% sure if this will help but I am currently using the Hype Document Loader approach to preload images in a project. One downside is you need to keep an eye on setting the build number correctly and updating it if you reuse the file with a newer Hype version later on. In this particular case I was thinking about using the HypeDocumentRender event provided by the extension you can render Hype files at any given time. But just adding the Hype script delayed is probably the simpler solution. Just sticking it in this thread as an option.

2 Likes

It was a JS error, so nothing was played. So neither 404 nor in the console an error message. But I found it manually and got it solved.

1 Like

Would you state the script above helped you solve your issue?

Yes of course. Your scripte definitely helped me. Thanks a lot.

Now I load (subload) the css file later and therefore also the images.
Only the HTML and JS Files are initial Load.
In the header of the HTML file I wrote a small style script that loads the first background image and the logo initially. Thus the first visual representation is secured directly with the request.

2 Likes