Intergrate Google ads into vBulletin [Archive]

Jahova

12-08-2009, 07:49 AM

Hey, how would I intergrate my Google Ads HTML into my vBulletin forum, just like Habbox does, with one on the top (under nav bar) and one on the right hand side.

All help and instructions would be greatly appreciated. Thanks.

Recursion

12-08-2009, 08:32 AM

In styles go to Edit Templates then in the list there should be an "Ad Location Template", expand this and double click ont the location, for e.g. ad_navbar_below for one like Habbox's, click Edit, put your code in and save.

Jahova

12-08-2009, 09:31 AM

That worked. I would also like a skyscraper advertisement on the right hand side of my forums, I have tried to put it below the footer as
<span style="float: right.">CODE</span> but that hasn't worked, it is just staying at the bottom. Any help?

http://tomspit.com/u/images/1250069399.png

iLogan

06-09-2009, 03:35 PM

[QUOTE=NeutralizeR;900036]This tutorial is written to show you how to use your Google Adsense codes efficiently in your vBulletin (3.5+) templates. I have a very heavily modified vBulletin style but i used the original style for this tutorial to be simple and match the colors. You can change everything as you want to find the most fitting results for your vBulletin.

Alternate ads-PSAs to Collapsible ads:

http://joomla.medspan.info/forum/index.php/topic,57.0.html
(http://joomla.medspan.info/forum/index.php/topic,57.0.html)
Create a HTML file with this code and save it as collapsible_ad.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script src="http://pagead2.googlesyndication.com/pagead/google_adsense_script.js" type="text/javascript"></script>
</head>
<body style="background-color: transparent;">
</body>
</html>

Upload this file to your web server. (http://www.yourwebsite.com/collapsible_ad.html)

Go to your Google Adsense account and grap your google_ad_client and google_ad_channel codes. (google_ad_channel is optional)

Open Notepad and paste these codes as you will change them with youradsensecode and yourchannelcode on the following steps.

We will use these there ad layouts in this tutorial:

728 x 90 Leaderboard
468 x 60 Banner
234 x 60 Half Banner

...and one link unit:

468 x 15

Note: navbar template editing step is optional because it may be against the Google Adsense rules for you. If you edit navbar template, almost all of your vBulletin pages will have Adsense ads at the top of the pages. My navbar and header templates include some flash, gif and text content and i update them regularly. It's why i use Adsense ads in navbar. You may apply this step (the ad unit) manually to your FORUMHOME, FORUMDISPLAY, etc templates...

Open your navbar template: vBulletin AdminCP > Styles & Templates > Edit Templates > Navigation / Breadcrumb Templates > navbar

(for the link unit)

Find:

Add below:

Results:
http://img234.imageshack.us/img234/9625/snap17ub.gif

http://img234.imageshack.us/img234/2651/snap21my.gif

(for the ad unit)

Find:

Add below:

Results:
http://img426.imageshack.us/img426/4695/snap36cz.gif

http://img153.imageshack.us/img153/7584/snap43oi5wb.gif

Save.

Open your FORUMDISPLAY template: vBulletin AdminCP > Styles & Templates > Edit Templates > Forum Display Templates > FORUMDISPLAY

(First thread)

Find:

Add below:

(Last thread)

Find:

Add below:

Results:
http://img383.imageshack.us/img383/6998/snap58lv.gif

http://img109.imageshack.us/img109/7800/snap68am.gif

Save.

http://www.vbulletin.org/forum/showthread.php?t=102466

Open your search_results template: vBulletin AdminCP > Styles & Templates > Edit Templates > Search Templates > search_results

(First result)

Find:

Add below:

(Last result)

Find:

Add below:

Results:
http://img302.imageshack.us/img302/9012/snap98ab.th.gif (http://img302.imageshack.us/my.php?image=snap98ab.gif)

http://img302.imageshack.us/img302/1894/snap104dt.gif

Save.

Open your postbit(legacy) template: vBulletin AdminCP > Styles & Templates > Edit Templates > Postbit Templates > postbit(legacy)

(First post and last shown post)

Find:

Add below:

Save.
http://www.vbulletin.org/forum/showpost.php?p=773130&postcount=7

Results:
http://img441.imageshack.us/img441/431/snap73tz.gif

http://img441.imageshack.us/img441/8657/snap87bw.th.gif (http://img441.imageshack.us/my.php?image=snap87bw.gif)

Fehm

06-09-2009, 05:35 PM

You didn't write this. And half the images don't work!
Ommm =[

iLogan

06-09-2009, 07:44 PM

:@ Did I say I made it :l

No I DID NOT MAKE IT

Jhezz, all people like to do on Habbox is criticize.

BoyBetterKnow

07-09-2009, 09:54 AM

You didn't write this. And half the images don't work!
Ommm =[

Did you not see: [QUOTE=NeutralizeR;900036]