#78: On Web Advertising

In this screencast I discuss online advertising. What it is, how it works, and why it isn't evil (except when it is). I talk about my experiences, the different services out there and the ones I use. Advertising is a symbiotic relationship between content websites and product/service websites. Goes with an accompanying article.


  1. Thomas Offinga
    Permalink to comment#

    Sweet, finally a new episode. :)

    Keep up the great work, Chris.

    • Ben
      Permalink to comment#

      Thanks Chris! I have been curious about advertising on sites recently and this gave helpful clarity!

  2. James
    Permalink to comment#

    Chris, congrats again, I am still enjoying the WordPress book. Happy New Year.

  3. Gringer
    Permalink to comment#

    Hi Chris,

    Bit in a hurry, but didn’t wanna leave without saying Hi, so a quick list:

    * 5:08 – A small glitch in the Flash-version
    * Ads on CSS-Tricks are fine. Good positioning, good relation.
    * 30:00 – There was in fact a 125×125 listed on that site xD, second from the bottom at “Banners and Buttons”, above 728×90 px
    * 31:00 – Nevermind :P
    * 39:30 – ROFL at the Bookshelf @Amazon :D :D
    * 44:20 – “They don’t pay me to advertise in the screencast, even though that’s effectively what I’m doing right now”. ;-)
    * 45:18 – “See you later, *hovers Amazon link* “Buy” ;-) (bye)


  4. EnfoToad
    Permalink to comment#

    Nice screencast! Shared it with my clients.

  5. Mike Madison
    Permalink to comment#

    Hey Chris,

    I see your back in firefox? couldnt live with out firebug… thats the same problem I am having switching to google chrome

  6. Ben Scobie
    Permalink to comment#

    Great screencast! I learnt a lot :)

  7. silvers
    Permalink to comment#

    dude you are so fucking real!

    i love the way you talk about stuff, you really break it down and discuss it with yourself so that it’s so easy to learn from you.

    i think is particularly good as it’s a massive area of websites and i agree that it’s not all evil at all. in fact i think it’s almost essential for us to continue making sites for others and working so hard to maintain them.

    gangsta shit dude.


  8. Bob Kazak
    Permalink to comment#

    Hey Chris, screen resolutions back in the day were a big factor in determining ad size. The BBC’s site from 1997 to 2003 pretty much had the same overall dimensions. My best guess is over the 6+ years that 800×600 was dominant marketers determined those weird ad sizes to be the most effective on those displays. According to W3Schools the resolution was still a big player in 2007. Probably popular with middle-aged folks who are more likely to buy junk affiliate promoted diet products.

  9. Ben Williams
    Permalink to comment#

    Who drinks pepsi?
    Coke for the win!

  10. alan
    Permalink to comment#

    No problem ,your adds are interesting and related to our needs !I’ve found about some of the greatest product that I now love to use,through your adds .for example (FOXY CART) I LOVE IT!

    • Palusko
      Permalink to comment#

      ditto here. I found Foxycart through this site too, and now use it regularly. And love it!

  11. Jon Mackay
    Permalink to comment#

    Chris, your videos are great informative and entertaining .

  12. Benjamin Mayo
    Permalink to comment#

    Actually, Google does read your JS. It has to, to check for cloaking (such as changing text colour to match the background in javascript) purposes. I believe even if you block javascript files in robot.txt, it’ll crawl it for blackhat purposes.

    Therefore, it is very likely that Google has detected use of BuySellAds. However, it will not penalize for that because Google discounts them, they’re still recognized however.

    Penalized text-links are raw HTML, or inserted via JS, that are not nofollow and are for the sole purpose that others have paid for them to be their. Examples include DIY ways, aswell as things like TextLinkAds in the past and I believe the TLA issue still applies.

    On another note, how on earth do you get that nicer Google layout? Me wantz dat now.

  13. Pavlin
    Permalink to comment#

    thank you Chris

  14. Christian
    Permalink to comment#

    Hi Chris,

    Thanks for all the great content and screencasts! I’d have to definitely agree with “@silvers” in that you really provide information in an easy-to-understand fashion. Even though I’ve done design for a few years now, I learned SO much more by just going through your site and reading your posts, and (especially) watching your screencasts throughout the past few days. You truly provide a great product!

    Although this screencast isn’t really heavy on CSS/design like our previous ones, you still present the topic in an interesting way — and I am finally caught up with all your screencasts. Whew!

    Thanks so much for these!



  15. DougS
    Permalink to comment#

    Thanks Chris. Definitely enjoy how down to earth and informational these videos are.

  16. Nicolas
    Permalink to comment#

    The screencast actually doesn’t show up in iTunes (Mobile feed). It can be found on the RSS feed but the media enclosure is missing and thus probably nothing showing up in iTunes.

    • Christian
      Permalink to comment#

      Hmmm… That’s odd. I watched this screencast in iTunes.

    • Nicolas
      Permalink to comment#

      Which version of the feed? Are you subscribed to the iPhone shows? Didn’t show up for me … maybe there’s something wrong with my iTunes. Noticed weird stuff for other show as well?

    • Kevin
      Permalink to comment#

      Nothing on iTunes (mobile version) for me too. Hope Chris fixes it…

    • Chris Coyier
      Permalink to comment#

      I think I just fixed it. Hopefully it’ll pop into iTunes in the next few hours.

    • Nicolas
      Permalink to comment#

      Thanks for the fix Chris! Downloading through iTunes right now. Can’t wait to get my fix of CSS-Tricks screencast ;-)

  17. Alex Leiphart
    Permalink to comment#

    Very informative. I would use BuySellAds for my tech blog (not personal) but I am more focused on content, though. AdSense provides ease of use. I just don’t have the time to do custom things.

  18. Nina
    Permalink to comment#

    Thanks Chris…. Informative stuff

  19. Video Productions FILMgauge
    Permalink to comment#

    Great video, nice edit and very well explained

  20. Sathish
    Permalink to comment#

    I dunno how you manage to do it, all these screen-casts are published perfectly in the time, I’m looking for help with something.

    I just applied for Adsense, and voila an advertising screencast.

    Great Job Chris!

  21. Rhonda
    Permalink to comment#

    I enjoy all of your screencasts and have learned more in the few months of watching your videos than I have in 10 years of web design. CSS-Tricks is awesome!

    I share your views on advertising.

  22. Aslam Najeebdeeen
    Permalink to comment#

    Really cool!
    Thanks a lot Chris!Keep it up!

  23. Tom
    Permalink to comment#

    interesting video! thanks

  24. arnold
    Permalink to comment#

    I miss your css jquery tutorials here.
    but nice topic on Web advertising.

  25. Joni
    Permalink to comment#

    Thank you very much for these screencasts. You have a good way of explaining things.

    Keep up the good work!

  26. Ryan Bollenbach
    Permalink to comment#

    Another great screen cast!

    The next client project I’m working on will require a high level of knowledge about advertising. I felt this video really pointed me in the right direction to get started.

    I also want to implement some of these concepts into my current sites: ex. google custom search + affiliate books.

    Great work, keep crushing it man!

  27. DreamHouse
    Permalink to comment#

    Hi Cris,
    I am writing just to introduce myself. My name is Louie , and I also have a blog in the SEO, Web Develepment and Blog Tips niche.
    The URL is http://www.dreamhousewebsolutions.com
    I found your content very interesting, and I will definitely be recommending it to my readers.
    Your site Rocks!
    Best wishes,

  28. Jerm
    Permalink to comment#

    (20:00 ish) So your saying we should all just do searches and click on all the ad-sense links to you can make some money? lol Also i’ve never seen google look like that, it’s always so plain, how is this achieved? Anyway, Great vid Chris!

  29. Paul
    Permalink to comment#

    Excellent screencast once again. I’m on a mission to watch all of ’em!

    I’ll definitely be checking out the ‘Digging into WordPress’ affiliate thing.

    I can’t tell you how helpful listening to someone talking knowledgeably about this stuff is.

    ps. I signed up to become an affiliate for AMSU but haven’t had a response yet!

  30. Malik
    Permalink to comment#

    A little bit of personal question but it will help a lot, how much do you earn from the ads and how much traffic are you getting.

  31. Herbi
    Permalink to comment#

    Thank you man, there is no problem with the site advertising, you must be paid someway for this great job.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

We have a pretty good* newsletter.