BuySellAds [BSA] is an advertising marketplace for small to medium sized website owners/publishers. Publisher like the flexibility in charging the advertisers and the easiness with which one can implement the ad codes into their website.
And advertisers like the quality publisher websites, ad rotation feature for equal exposure, stats features and the recently added A/B split testing between multiple ad banners etc.
But A Problem..
If you are using 125 x 125 ad format of BuySellAds and you have many advertisers, then you might have come across the problem of aligning them.
Example:
If you want to have 6 ad spots, as shown in below image.
There is no built-in user friendly option to get this to work. One simple solution for this is, you can generate 2 separate javascript ad codes and paste it inbetween 2 separate div or p tags to somehow align it.
But the Problem
1. Using more ad codes means increase in the load time of the website as a whole.
2. All the ads does not get equal exposure. As we can only rotate the ads present in a single block of code and can not rotate between two separate code blocks.
3. Some time we may forget to change the price of advertising on one block, which will some time become unfair for advertisers.
Better Solution
Generate a single ad code with 6(or whatever you prefer) ad spots and add “float:left;” to the A element of the styles array in the ad code.
Before
BannerStyles1240548 = new Array(
"a{display:block;font-size:11px;color:#888;font-
family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-
decoration:none;overflow:hidden;}",
After
BannerStyles1240548 = new Array(
"a{float:left;display:block;font-size:11px;color:#888;font-
family:verdana,sans-serif;margin:0 4px 10px 0;text-
align:center;text-decoration:none;overflow:hidden;}",
Caution
Do not copy and paste the above code, as the quotation marks appearing on a webpage will not work properly in the source code. So just manually add float:left; to the A element of the styles array, as shown above.
Finally
1. You have nice looking source code! with less clutter.
2. Less number of javascript code, so faster loading of your webpage.
3. All the ads rotate and thus equal exposure to advertisers.
4. Single change in the settings of your ad code will be applied to all the ads.
Related: CSS Code To align 125X125 Ad Banner On WordPress Sidebar
Your before code already contains a float:left and after code now contains 2 float:left’s. Please check it.
Oops.. Thanks @NavjotSingh for notifying. With this error in the code, the entire post would have been useless — Updated the post. Thanks again for taking time to comment and notify.
A lot websites use Buyandsell ads for selling advertising spots and this is surely a very useful tip. Thanks for sharing.
Sigh… I wish i could make it work in my theme. No matter where I place the float attribute, it always gets aligned vertically. Could you please help me!!
Aha satish.
Exactly what I was looking for.
I have been thinking for a long time to join BSA, now I should completely go for it with above format only.
By the way, how must should I ask advertisers to pay?
@Richie, By seeing the ad codes you have placed in your blog I can tell you that, you have included some wrong code inside the style.
Now go back to your BuySellAds a/c and get the fresh new ad code and include “float:left” in the A element of the styles array in the ad code. And place it in the beginning of the a tag, exactly as shown in the above post.
@Abhishek, Nice to know that it helps.
Charging advertisers depends on many factors. But I think two factors are most important:
1. Total monthly traffic to your blog.
2. The size and placement of the ads.
3. Niche.
In practice, publishers charge less than or equal to $1 per 1000 Impressions. And if 125 x 125 ad costs $25, then a 300 x 250 can cost $100 i.e., 4 times that it costs for a 125 x 125 spot. But again, the placement is important. If you charge $100 and place it at the end of the webpage, it does not bring more value to advertisers.
Niche: For some reasons BSA works great on blogs/websites which are from design niche.
We can see that, the main reason for the success of BSA is that, it has many publishers who sell ad spots for a very low rates.
My advise would be – to start low and then increase the price when you start getting more advertisers and traffic to your site.
Experiment what works best for your blog.
Hi Satish,
I’ve been trying to do the alignment for 2 days now..but could not make it work. Can you help me in anyway? Appreciate it!
Thanks,
Dong
@Dong, How may I help you? If you can follow the steps described in the above article, you will defiantly get the right alignment.
Hi Satish, if you can have a look at my site advertising-techniques dot com, this is the code in my widget:
and this is the code in my custom.css:
I’m using Thesis theme on WP. If you notice, the border of the ad unit does not even show.
Appreciate if you can help me on this. Many thanks.
cheers,
Dong
@Dong,
Just remove the code you added to custom.css
Log into your BSA a/c, get the code and put the entire code directly into the sidebar widget.
Now edit the code as described in the above article: to introduce float: left; into the code. Now everything will work fine.
Just follow the above post, step by step.
I manage to align it..but there’s only one problem, the box border won’t show.
@Dong, Try changing the value of color: property of the ad code. orelse add color:#888 !important; to the a tag.
Hi Satish, thanks for the help…but it does not work with me I don’t know why. 🙁 I guess I just need to look for other ad network. OIO publisher and Adbrite works well in my blog.
cheers
@Dong, Happy news for you. Hope BSA heard you! With New ad codes, you can make the ads locate vertically with just a single click. I have written about it @ http://technotip.org/buysellad.....h-a-click/
New code is not displaying ads horizontally after adding float:left; to anchor style :S. No cache and main snippet issue! Please help out!