Enriching Your Gaming or Media Site: jQuery Game Preloader With Ads

Gamers Notebooks

My preceding article was written about how to enrich your gaming web site or media portal with the power of jQuery, an open source JavaScript framework. Through that article I had indicated vital functionality for gaming- and media portals is still missing. This would be a game preloader displaying advertising and a rating tool for website content. You have almost certainly noticed these ads on several different portals and play throughout loading the actual content. This ad form is most referred to as ‘pre-roll’, ‘stinger’ or ‘preloader’. At the end of the prior article I additionally indicated that it was vital to get some know-how of the jQuery framework. You need these files to get the pre-roll ad plugin to work.

Pre-roll advertising has been around for a few years now. This form of promotion grew to become popular, due to the increased average CPM and clickthrough rate these ads mostly have. The pre-roll ad is something you can’t go round, like common advertising being displayed on your portal. A lot of people don’t see a regular ad anymore, which is known as ‘banner ad blindness’. A good example for an integrated pre-roll: The company Mochi Media has embedded this technology in their games.

Through the development of my gaming portals I encountered many different versions going round the web. When browsing for open source scripts I did not came around a right version that kept loading progress of a game into account. I did see a lot of versions with a progress bar leaping in steps of 10% to 100%, when the ad disappeared and the game was still loading. I can picture this seems a little bit unusual to a visitor. The version now about to be shared with you does take loading progress of a game into account.

To download the files and see the manual to install it, visit this jQuery Preload Tutorial page.

Before you move on to the tutorial of installing this script I would like to ask you to place a link somewhere to my Tower Defense or Online games portal in trade. It’s not required, but developing and debugging this script took me a week and a half in time.



Gamers Notebooks

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>