vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=107965

vBulletin Google Adsense Deep Integration Tutorial
by NeutralizeR
14 Feb 2006 15:02

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:

Quote:

Collapsing ad units are an optional advanced feature of alternate ads. A+ the collapsing ad unit code will 'collapse' your ad unit so that it takes up no page space if there are no relevant ads available. This allows you to minimize any blank space that would otherwise occur through the use of alternate colors.

To implement the collapsing ad units feature, you'll need to host a small HTML file on your domain. Your alternate ad URL will reference this file, which will be called if there are no ads available for that particular ad unit.
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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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:
Quote:

<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
Add below:
Quote:

<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 468;
google_ad_height = 15;
google_ad_format = "468x15_0ads_al_s";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "22229C";
google_color_url = "000000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Results:
http://img234.imageshack.us/img234/9625/snap17ub.gif

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


(for the ad unit)

Find:
Quote:

<!-- / PAGENAV POPUP -->
</if>
Add below:
Quote:

<table class="tborder" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td class="alt1" align="center">
&nbsp;<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "FF0000";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>&nbsp;
</td>
</tr>
</table><br />
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:
Quote:

<if condition="$show['threads']">
Add below:
Quote:

<tr>
<td align="center" class="alt1">-</td>
<td align="center" class="alt2">-</td>
<td class="alt1">
<div>
<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "22229C";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</td>

<td class="alt2 smallfont" align="center">Sponsored Links</td>

<td class="alt1" align="center">-</td>
<td class="alt2" align="center">-</td>
<if condition="$show['inlinemod']"><td class="alt1" align="center">-</td></if>

</tr>

(Last thread)

Find:
Quote:

<!-- end show threads -->
Add below:
Quote:

<tr>
<td align="center" class="alt1">-</td>
<td align="center" class="alt2">-</td>
<td class="alt1">
<div>
<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "22229C";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</td>

<td class="alt2 smallfont" align="center">Sponsored Links</td>

<td class="alt1" align="center">-</td>
<td class="alt2" align="center">-</td>
<if condition="$show['inlinemod']"><td class="alt1" align="center">-</td></if>

</tr>
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:
Quote:

$searchbits

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<else />
Add below:
Quote:

<tr>
<td align="center" class="alt1">-</td>
<td align="center" class="alt2">-</td>
<td class="alt1">
<div>
<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 234;
google_ad_height = 60;
google_ad_format = "234x60_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "22229C";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</td>

<td class="alt2 smallfont" align="center">Sponsored Links</td>

<td class="alt1" align="center">-</td>
<td class="alt2" align="center">-</td>
<td class="alt1" align="center">-</td>
<if condition="$show['inlinemod']"><td class="alt1" align="center">-</td></if>

</tr>

(Last result)

Find:
Quote:

</tr>
$searchbits
Add below:
Quote:

<tr>
<td align="center" class="alt1">-</td>
<td align="center" class="alt2">-</td>
<td class="alt1">
<div>
<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 234;
google_ad_height = 60;
google_ad_format = "234x60_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "22229C";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</td>

<td class="alt2 smallfont" align="center">Sponsored Links</td>

<td class="alt1" align="center">-</td>
<td class="alt2" align="center">-</td>
<td class="alt1" align="center">-</td>
<if condition="$show['inlinemod']"><td class="alt1" align="center">-</td></if>

</tr>
Results:
http://img302.imageshack.us/img302/9012/snap98ab.th.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:
Quote:

<!-- / message -->
Add below:
Quote:

<if condition="(($post[postcount]==1) or ($post[islastshown] and !$GLOBALS['vbulletin']->GPC['ajax']))">
<center>
<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "FF0000";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
</if>
Save.
http://www.vbulletin.org/forum/showp...30&postcount=7

Results:
https://www.vbulletin.org/forum/

http://img441.imageshack.us/img441/8657/snap87bw.th.gif


vBulletin Google Adsense Deep Integration Tutorial by NeutralizeR @ www.MsXLabs.org

Snake 14 Feb 2006 15:13

Wow thanks man, this is a great tutorial! :D

The Chief 14 Feb 2006 15:29

wow, thats an awesome tutorial, thanks so much!!

Developer 16 Feb 2006 19:46

Very nice thnx i wish there is install button :)

Smiry Kin's 17 Feb 2006 14:35

i no google is used by most forums, as there to little, but could you make a guide for targetpoint please?

TheComputerGuy 17 Feb 2006 17:27

I wasn't 100% that you could make a post part of Googles ad. I thought someone got in trouble for that being it looks like original content.

This is one heck of a tutorial though!

NeutralizeR 17 Feb 2006 17:53

Quote:

Originally Posted by Smiry Kin's
i no google is used by most forums, as there to little, but could you make a guide for targetpoint please?

You mean section targeting?

Quote:

What is section targeting and how do I implement it?

Section targeting allows you to suggest sections of your text and HTML content that you'd like us to emphasize or downplay when matching ads to your site's content. By providing us with your suggestions, you can assist us in improving your ad targeting. We recommend that only those familiar with HTML attempt to implement section targeting.

To implement section targeting, you'll need to add a set of special HTML comment tags to your code. These tags will mark the beginning and end of whichever section(s) you'd like to emphasize or de-emphasize for ad targeting.

The HTML tags to emphasize a page section take the following format:

<!-- google_ad_section_start -->

<!-- google_ad_section_end -->

You can also designate sections you'd like to have ignored by adding a (weight=ignore) to the starting tag:

<!-- google_ad_section_start(weight=ignore) -->

With these tags added to your HTML code, your final code may look like the following:

<html><head><title>Section targeting</title></head>
<body>
<!-- google_ad_section_start -->

This is the text of your web page. Most of your content resides here.

<!-- google_ad_section_end -->
</body>
</html>
You can use section targeting to make suggestions about as many sections of a page as you like. However, please be aware that we can't guarantee results, and that it may take up to 2 weeks before our crawlers take into account any changes you've made to your site.

In order to properly implement this feature, you'll need to include a significant amount of content within the section targeting tags. Including insufficient content may result in less relevant ads or PSAs. In addition, please keep in mind that this feature should only be used to emphasize significant sections of your site's relevant content. It is against our program policies to manipulate the ad targeting to result in ads that are not relevant to the content of your pages.
Example:

Open your FORUMHOME template: vBulletin AdminCP > Styles & Templates > Edit Templates > Forum Home Templates > FORUMHOME

Find:
Quote:

<!-- main -->
$forumbits
<!-- /main -->
Replace with:
Quote:

<!-- google_ad_section_start -->
<!-- main -->
$forumbits
<!-- /main -->
<!-- google_ad_section_end -->
Find:
Quote:

<!-- what's going on box -->
Add above:
Quote:

<!-- google_ad_section_start(weight=ignore) -->
Find:
Quote:

<!-- end what's going on box -->
Add below:
Quote:

<!-- google_ad_section_end -->
(You can also try section targeting for your FORUMDISPLAY and SHOWTHREAD templates)

Quote:

Originally Posted by TheComputerGuy
I wasn't 100% that you could make a post part of Googles ad. I thought someone got in trouble for that being it looks like original content.

This is one heck of a tutorial though!

Matching the colors and deep integrating the ads into your pages are google suggestions. The ads are stated as "Sponsored Links" or "Advertisements" so it won't be a problem.

Quote:

Customize ads to complement your site.

You spend lots of time perfecting your website's look and feel, and we want AdSense to fit in. So we let you customize the appearance of your ads to fully complement your site by choosing from over 200 colors and 24 pre-set color palettes (you can create and save your own custom palettes using a simple point-and-click color selection tool.

10sion 18 Feb 2006 00:56

Simply amazing. Thank you so much. :)

I personally use Yahoo Publisher, but I'm sure I can still implement everything the same.

NeutralizeR 18 Feb 2006 20:39

Some More...

Open your FORUMHOME template: vBulletin AdminCP > Styles & Templates > Edit Templates > Forum Home Templates > FORUMHOME

Find:
Quote:

<!-- what's going on box -->
Add above:
Quote:

<table class="tborder" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td class="alt1" align="center">
&nbsp;<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "FF0000";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>&nbsp;
</td>
</tr>
</table>
Save.

Open your MEMBERINFO template: vBulletin AdminCP > Styles & Templates > Edit Templates > Member Info Templates > MEMBERINFO

Find:
Quote:

<if condition="$show['signature']">
Add above:
Quote:

<table class="tborder" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td class="alt1" align="center">
&nbsp;<script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "FF0000";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>&nbsp;
</td>
</tr>
</table>
Save.

If you have vBadvanced installed:

Open your adv_portal template: vBulletin AdminCP > Styles & Templates > Edit Templates > vBadvanced CMPS Templates > adv_portal

Find:
Quote:

$footer
Add above:
Quote:

<center><script type="text/javascript"><!--
google_ad_client = "youradsensecode";
google_alternate_ad_url = "http://www.yourwebsite.com/collapsible_ad.html";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="yourchannelcode";
google_color_border = "F5F5FF";
google_color_bg = "F5F5FF";
google_color_link = "FF0000";
google_color_url = "000000";
google_color_text = "22229C";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
Save...

Citizen 18 Feb 2006 20:50

Who wants to make this into a plug-in? :D

NeutralizeR 18 Feb 2006 20:54

Quote:

Originally Posted by Citizen
Who wants to make this into a plug-in? :D

Good question.

I don't have enough time to do it... maybe somebody around can make it for you.

Regards

applehat 28 Feb 2006 18:57

pointsless to make a plugin to my knoladge...since a plugin doesn't do template mods...

I guess...it could be some sort of plugin...but template mods would have to be made still.

BeaLzeBuB 05 Mar 2006 03:07

I'm so sorry, but my English is too bad, i must speak own language....

NeutralizeR,

Bi iki sorum olacak sana, cevap verirsen çok memnun kalırım.
ilk başta yaptığın html dosyası ne için? O dosyanın amacı nedir? Bir de google aynı sayfada 2 reklama izin vermiyor bildiğim kadarıyla, yani header'a bir reklam koyunca aynı anda showthread'de de reklam varsa ikisinden biri gozukmuyor. Bunu nasıl aşarız? Yoksa o dosyanın amacı o mu?

Şimdiden teşekkür ederim...

Ayrıca siteni çok beğeniyorum, şu kısır zamanda en iyi rap parçaları sizden temin edebiliyorum. Bunun içinde teşekkürler..

NeutralizeR 05 Mar 2006 04:07

Quote:

Originally Posted by BeaLzeBuB
I'm so sorry, but my English is too bad, i must speak own language....

NeutralizeR,

Bi iki sorum olacak sana, cevap verirsen çok memnun kalırım.
ilk başta yaptığın html dosyası ne için? O dosyanın amacı nedir? Bir de google aynı sayfada 2 reklama izin vermiyor bildiğim kadarıyla, yani header'a bir reklam koyunca aynı anda showthread'de de reklam varsa ikisinden biri gozukmuyor. Bunu nasıl aşarız? Yoksa o dosyanın amacı o mu?

Şimdiden teşekkür ederim...

Ayrıca siteni çok beğeniyorum, şu kısır zamanda en iyi rap parçaları sizden temin edebiliyorum. Bunun içinde teşekkürler..

html dosyası sayfa içeriğiyle ilgili reklam bulunamadığında reklam alanını yok etmek için kullanılıyor. Yani gereksiz yere alan kaplanmamış oluyor. Google bir sayfada maksimum üç adet reklam birimine izin veriyor. navbar, ilk mesaj, son mesaj... kural dışı bir durum söz konusu değil.

Saygılar

P.S. the questions were about collapsible ads and the ad units

BeaLzeBuB 05 Mar 2006 05:23

thank you NeutralizeR


All times are GMT. The time now is 17:33.

Powered by vBulletin® Version 3.8.12
Copyright © 2019, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.