Quick Tip: After the Content - Advertisement


Monetization is a great motivation for writing more content. Unless you make it a burden for your visitors to read the content, nobody's going to complain about your earnings from your blog.

In this post, we're going to see one of the only sections that could directly help us financially: the "Advertisement" section!

"Advertisement" to Pay the Rent (Or Get a Cup of Coffee)

For websites, advertisement widgets are probably the easiest way to earn a few bucks ... or cents.

You should be realistic: Is your website "good enough" to make money from it? It may be frustrating to see earning 10 cents every single day if you can't get people to click your ads. That means you have to get more visitors and that means you have to reach your niche's audience.

My general rule of thumb is this: If the website doesn't seem to make enough money to cover its own expenses (such as the domain and hosting fees and annual subscriptions for themes, plugins or any kind of web services), it's not worthwhile to fill the website with advertisements. You should experiment with it on your website - it would be a long experiment which could take months, but it could make you feel better to offer a "clean" website to your audience without any ads.

Of course, it's not uncommon for your visitors to see a couple of ads before or after the content. As long as it's not annoying and it creates a decent revenue for you, you should include advertisements along with your content. It might even be helpful for the visitor if the advertisement is related to the content.

Creating an "Advertisement" Section

I talked about "making the best of Google AdSense" in my recent article, but you could do something simpler if you want:


function wptuts_simple_ads( $ad_type ) {
	switch ( $ad_type ) {
		case "468x60":
			$ad_code = "<!-- Ad code for a 468x60 advertisement. -->";
		case "300x250":
			$ad_code = "<!-- Ad code for a 300x250 advertisement. -->";
		case "728x90":
			$ad_code = "<!-- Ad code for a 728x90 advertisement. -->";
			$ad_code = "<!-- Ad code for the advertisement when 'ad_type' isn't specified. -->";
	$output = '<div class="wptuts_simple_ad ad-type-' . $ad_type . '">' . $ad_code . '</div>';
	return $output;


Place this piece of code into your theme's functions.php file (or save it as a separate plugin) in order to use it. Don't forget to edit the $ad_code variable values for the cases, though. After that, you can simply use <?php echo wptuts_simple_ads('468x60'); ?> anywhere you want in your theme.

I think advertisements should be after the content instead of before. Here's why: Think about placing a relevant ad to your content and a visitor, Jack, comes to your website to read a post of yours.

  • If you place it after the post, Jack reads the entire post and clicks the ad. Jack is both satisfied with your post and the relevant advertisement. A win-win situation.
  • If you place it before the post, Jack might not read the post. He might click the ad before reading the content and forget all about your website because he's already satisfied with the website the ad carried him to.

In both scenarios, you earn money. But in the second one, time spent on your website is decreased and Jack didn't read your post at all. You get the picture.


Yes, content may be "king" but a lonely king is a weak king, and people might not respect that "king".

What do you think about advertisements? How many is "enough"? Where should they be placed? Share your thoughts with us!

Related Posts
  • Web Design
    Case Studies
    How They Did It: Typekit's New HomepageTypekit retina
    Typekit recently redesigned their homepage with some new services in mind. When Typekit joined Adobe, they set out to bring us a new way to handle fonts on the web. Not only did they create a fairly simple way to embed fonts on the web, but they have now officially launched a desktop sync option, which allows Creative Cloud subscribers to sync fonts to their computer directly from Typekit. This has been in a beta form for a while now, and provides a much easier route to local fonts than finding them elsewhere!Read More…
  • Web Design
    Walk Users Through Your Website With Bootstrap TourTour retina
    When you have a web application which requires some getting used to from your users, a walkthrough of the interface is in order. Creating a walkthrough directly on top of the interface makes things very clear, so that's what we're going to build, using Bootstrap Tour.Read More…
  • Web Design
    The Truth About Multiple H1 Tags in the HTML5 EraH1 retina
    Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many <h1> tags can I use per page, and how exactly should I implement them?"Read More…
  • Code
    Money Pattern: The Right Way to Represent Value-Unit PairsMoney pattern retina preview
    The Money Pattern, defined by Martin Fowler and published in Patterns of Enterprise Application Architecture, is a great way to represent value-unit pairs. It is called Money Pattern because it emerged in a financial context and we will illustrate its use mainly in this context using PHP.Read More…
  • Business
    How to Monetize Your Authority Blog10 monetize your authority blog
    We've made it! After nine posts covering everything from picking a blog topic to choosing high quality plugins for your site, our series on building a profitable authority blog is coming to a close. With that in mind, it seems fitting that we finish by talking about a topic that interests most people more than any other: how to make money from your site. If you've come this far then the pieces of the puzzle should be falling together. You should have a great blog topic, your blog's design and functionality should be up to scratch, you should be creating epic content, you should have the beginnings of a social media empire and (most importantly) you should have started building an engaged audience. Now it's time to reap the fruits of your labor. The concept of making money from your authority blog can quickly become overwhelming. With a plethora of "make money online" bloggers telling you exactly how you can supposedly make a six figure income overnight in so many different ways, how on earth do you know where to start? Furthermore, how can you monetize your blog effectively without alienating an audience that is used to getting everything for free? In this post we cut through all of the fluff and focus on the key considerations for effectively monetizing an authority blog.Read More…
  • Code
    Quick Tip: After the Content - More From This CategoryAfter the content solid
    Do you have a solid construction of categories on your blog? If so, you might not need a "Related Posts" section at all - you can just display latest posts from the same category. In this post, we're going to go through the "More From This Category" section, an alternative to "Related Posts" (which we covered earlier).Read More…