UKBL ~ Timed Rotating Ad Banners

UKBL ~ Timed Rotating Ad Banners

Mod Version: 1.00, by UKBusinessLive

This modification is in the archives.

vB Version: 3.6.12	Rating: (2 votes - 5.00 average)	Installs: 6
Released: 16 Jan 2009	Last Update: Never	Downloads: 22
Not Supported Template Edits Re-usable Code Translations

UKBL ~ Timed Rotating Ad Banners

Live Demo http://www.ukbusinesslive.co.uk/forum

I've been wanting to display some banners on my site but i didn't just want the same banner just showing until you go to another page or hit the refresh button, Some people may stay on the forum home for quite some time, This is not the ideal way to display banners, as they'll only see the one ad in all that time.

Well thats about to change with UKBL ~ Timed Rotating Ad Banners

Now as Admin you'll be able to make some serious money by showing a wider variety of banners which change after so many seconds, as opposed to changing on refreshes.

You can sign up to a number of affiliate sites and download banners to your forums, a list of affiliate sites to help you is at the end of this post.

To install this to your forums is so easy

First you need to edit the code to suit your requirements
Copy the following code to a text editor like notepad or word

Code:

<html>
<head>
<title>UKBL ~ 10 Second Banner Rotator</title>
</head>
<body>
<DIV ALIGN=CENTER>
<script language="JavaScript">
<!--
function adArray() {
 for (i=0; i*2<adArray.arguments.length; i++) {
  this[i] = new Object();
  this[i].src = adArray.arguments[i*2];
  this[i].href = adArray.arguments[i*2+1];
 }
 this.length = i;
}
function getAdNum() {
 dat = new Date();
 dat = (dat.getTime()+"").charAt(8);
 if (dat.length == 1)
  ad_num = dat%ads.length;
 else
  ad_num = 0;
 return ad_num;
}
 var ads = new adArray(
"http://i475.photobucket.com/albums/rr114/ukbusinesslive/1-3.gif",
"http://aavaninsurance.at/ukbusinesslive",
"http://i475.photobucket.com/albums/rr114/ukbusinesslive/banner11.jpg",
"http://www.ukbusinesslive.co.uk/forum",
"http://i475.photobucket.com/albums/rr114/ukbusinesslive/2-2.gif",
"http://tradebusiness.at/ukbusinesslive",
"http://i475.photobucket.com/albums/rr114/ukbusinesslive/7-2.gif",
"http://skytv.at/ukbusinesslive"
);
var ad_num = getAdNum(); 
document.write('<table cellpadding=0 cellspacing=1 border=0><tr><td '
+'align="left">'
+'<A href="'+ads[ad_num].href+'"><IMG SRC="'+ads[ad_num].src+'" '
+'height="60" width="468" border="0" name="js_ad"></a></td></tr></table>');
link_num = document.links.length-1;
function rotateBanner() {
 if (document.images) {
  ad_num = (ad_num+1)%ads.length;
  document.js_ad.src = ads[ad_num].src;
  document.links[link_num].href = ads[ad_num].href;
  setTimeout("rotateBanner()",10000);
 }
}
setTimeout("rotateBanner()",10000);
// -->
</script>
</DIV>
</body>
</html>

The look for the following....

Code:

"http://i475.photobucket.com/albums/rr114/ukbusinesslive/1-3.gif",
"http://aavaninsurance.at/ukbusinesslive",

Basically what you see is what you get, the top line is the url of your image, you can save it to forums/images/misc or even photobucket, like my example above, The second line is the url to the site, Thats its just repeat this for all the ad banners you have and write up the code. Easy. You can use 2 banners or 200 the choice is yours

Then once you've edited your banners and their URL's you need to scroll down to..

Code:

  setTimeout("rotateBanner()",10000);
 }
}
setTimeout("rotateBanner()",10000);

Now you need to change the time delay, its in milliseconds, don't forget that, so if you want your ads to change every 10 seconds like the code above, you leave it on 10000, if you want 8 seconds, you need to change the code to 8000 in both lines, likewise 5 seconds = 5000

Then just save the file

To install to your Site.

For ease of application i've installed it in the header, right at the end, so heres what to do...

ACP> Style Manager > Your site's style > header

Just copy and paste the entire code that you've just edited and paste it at the very end of the header template, Click save. Thats its

if you experiment you can add these banners to the footer, in the posts and in different forums, Try and see what works for you the most

If you want to try the code first i've included a few banner gif's in the zipped file so you can try.

Affiliate Schemes that Pay YOU!! Some are UK based but have US section too

Commision Junction = http://www.cj.com/
Buy.at = http://buy.at/ (UK) http://www.advertising.com/buyat/ (US)

Plus loads more and details on the zip file

Give it a go and see if it works for you, remember to leave a comment and if i can help at all, i will.

If you only want to show banners to un registered members or guests then you could add a condition at the begining like this

Code:

<if condition="is_member_of($bbuserinfo, X,X)">

With X the id of the usergoup that you want to show the banners to, don forget the add the </if> tag at the end of the script

Please Remember to click installed

Download

This modification is archived, downloads are still allowed.

Timed Ads.zip (170.4 KB, 25 downloads)

Screenshots

Forum Home Enhancements UKBL ~ Timed Rotating Ad Banners	vBulletin 3.7 Template Modifications
Forum Home Enhancements UKBL ~ Timed Rotating Ad Banners	vBulletin 3.8 Template Modifications

vBulletin LTS