|
|
Can I change my AdSense to match Digg.com?For the most part, you can always find a Google AdSense layout that you like and figure out how they've laid it out by viewing the source to the page that includes the advertisement. You mention Digg.com and, yes, they do have an attractive banner advert on the top, as shown in this figure: ![]() Popping open the source itself (which can be done with View --> Page Source... or similar, depending on your browser) and scrolling down a bit, we should be able to find the exact sequence of AdSense code that they're using at Digg. Unfortunately, Digg is part of the Federated Media Network which means that they're not using the usual Google AdSense code to serve up their advertisement, but rather some sneaky FM code. :-) Fortunately, I recognize what they're doing anyway, which is having just one text advert. You can do that too if someone buys the exclusive rights to your own AdSense space through the AdWords program. The easiest way to achieve this effect, however, is to work with a graphical banner ad, so let's pop over to the AdSense site and check out how to work with graphical banner ads instead. The basic approach of using CSS to create the border around the ad block is the same in either case. Log in to your AdSense account, then go to AdSense Setup --> Products --> AdSense for Content. You'll then want to choose "Ad Formats" which you can reach here: AdSense Ad Formats (you probably need to be logged in to see that page, actually). On the page are lots of different formats, including the one we want to see: ![]() You can't select this, however, if you don't also specify that you want image-only or text and image ads as your Ad Unit: ![]() This gets you part of the way there, but the additional fancy outline that Digg has is something special they've tweaked. You can probably attain the same by using a border within a DIV sector that wraps the Google block too, but it still won't be quite as attractive as the Digg ad block, which they've done in cooperation with Google. Here's a sample of the CSS you could use, I'll just wrap the graphic shown earlier so you can see how it's done: ![]() Not quite as attractive, but still, not too bad to look at. The code that I used was: <div style="border:1px solid #999;padding:10px;width:488px;">
<center> Google code would go here </center> </div> Hope that helps you out! Oh, and if you haven't signed up for AdSense yet and started monetizing your visitors, why not sign up for Google AdSense right now?
More Useful Pay Per Click (PPC) Advertising Articles:
✔ How much money should I be making with AdSense?
Hey Dave, I get ~130.000 views per month and for 30 days of using AdSense I earned $60, is it a lot or...
✔ Add Po.st Social Media (Facebook, Google Plus) widgets to your blog?I really like the set of social media buttons you have on the pages of your AskDaveTaylor site, Dave. What are they, and...
✔ How is CPM calculated on Google AdWords YouTube Video?Have you bought Google AdWords Video [actually it's called "YouTube Promoted Videos" -dt] before? I'm confused about whether the CPM bid for 1000...
✔ How do I connect my Google AdSense and Analytics accounts?I'd like to connect up my Google AdSense account and my Google Analytics stats account. I understand that if you do this, you...
✔ Why doesn't AdSense earn me any money?I subscribe to any Google Adsense earnings but zero in the day, I do not know why: I hope you can advise me...
Let's stay in touch!
Sign up for my weekly AskDaveTaylor Newsletter and you'll receive even more tech and gadget help
right to your inbox, along with exclusive news and industry updates. It's good stuff. I promise!
Categorized:
Pay Per Click (PPC) Advertising
(Article 6780,
Written by Dave Taylor)
Tagged: adsense, digg, google adsense, pay per click Previous: Can I change the Blogger.com NavBar? Next: How can I convert currency on my Mac OS X system? Reader Comments To Date: 4Dave Taylor said, on November 28, 2006 4:50 PM:
I'm not digging into the JavaScript that comprises the basic AdSense unit, Peter, I'm just showing how you can wrap an AdSense block with some rudimentary CSS to make it more attractive. :-) Komme said, on April 22, 2008 2:39 AM:
And how about the custom designed AdSense ads? Chetan said, on May 15, 2008 3:18 AM:
Komme, Digg is a premium publisher, who got extra rights to make well fashioned ads, rather than the regular ads that we have in our websites.
I do have a comment, now that you mention it!Check This Out Too... |
Recent Entries
Look for Answers
Recommended
All Our Categories
Apple iPad Help
Articles and Reviews Auctions and Online Shopping Blogs and Blogging Building Web Site Traffic Business and Management Computer and Internet Basics d) None of the Above Facebook Help Google Gmail Help Google Plus Help HTML, JavaScript and Web Site Programming Industry News and Trade Shows iPhone and Cell Phone Help iPod, Sony PSP and MP3 Player Help Kindle Fire Help Mac OS X Help Pay Per Click (PPC) Advertising Pinterest Help Search Engine Optimization (SEO) Shell Script Programming Tech Support Video Help The Writing Business Twitter, LinkedIn and Social Network Help Unix and Linux Help Video Game Tips and Help Windows PC Help Find Me on Google+ ADT on G+ |
You've got to be kidding me. My partner and I spend over an hour trying to figure out this exact thing for our site. We broke the javascript apart and saw all these crazy ways that they handled this. I was sure that if we were to try to implement anything like this we would be kicked off the adsense program. How much hacking of their code are you allowed to do anyway? I though it was none.