How to Install a Banner Ad on Your Genesis Child Theme

If you frequently publish new content on your website and have a fair amount of traffic, adding a few ads to your Genesis-powered website can be a great way to make some extra cash. One of the frequently asked support questions for my Genesis child themes is how to install banner ads in non-widgeted areas.

We’ll cover how to place banner ads in the four most requested areas of a Genesis child theme:

  • Above the header
  • Above the content & sidebar
  • Below the content & sidebar
  • In the footer

Step 1: Install the Genesis Simple Hooks plugin

The first thing you’ll need to do is install the Genesis Simple Hooks plugin. To do this, log in to your WordPress Dashboard and navigate to Plugins > Add New. Search for “Genesis Simple Hooks” and install it.

This plugin allows us to “hook” into different parts of your theme and add in your own code without modifying your original theme files. This is the safest method if you don’t want to mess with the PHP code in your Genesis child theme.

Step 2: Get your banner ad code snippet ready to paste

An example code snippet from Google AdsenseThere are a lot of ad network programs and affiliates out there. It really doesn’t matter which one you use – the steps will be the same regardless. Many of my clients and customers use Google Adsense, BlogHer, and Glam Media.

You will need to retrieve the code snippet(s) for your ad network. The code snippet will probably look something like the example to the right. Copy the code to your clipboard – we’ll be using it in just a minute.

Step 3: Paste your ad code snippet into the hook of your choice

The images below use the Innovative theme as an example to demonstrate where the four common areas to insert a banner ad are, but these instructions should work with any Genesis child theme:

To install a banner ad above the header:

Navigate to Genesis > Simple Hooks and search for the genesis_before_header section.

Paste your code snippet here. To center your ad and add some space around it, use the following code:

Adjust the margin values to your preferences.

To install a banner ad above the content & sidebar:

Navigate to Genesis > Simple Hooks and search for the genesis_before_content_sidebar_wrap section.

Paste your code snippet here. To center your ad and add some space around it, use the following code:

Adjust the margin values to your preferences.

To install a banner ad below the content & sidebar:

Navigate to Genesis > Simple Hooks and search for the genesis_after_content_sidebar_wrap section.

Paste your code snippet here. To center your ad and add some space around it, use the following code:

Adjust the margin values to your preferences.

To install a banner ad in the footer:

Navigate to Genesis > Simple Hooks and search for the genesis_footer section.

Paste your code snippet here. To center your ad and add some space around it, use the following code:

Adjust the margin values to your preferences.

Post by: Jessica Barnard

Comments

  1. Yay! Thanks for the great instructions. I have been trying to work out how to add banner ads above my header without changing PHP or CSS. I tend to break things when I don’t understand how they really work. I dread seeing that white screen again for my site! I followed your instructions and it worked! Thanks for taking the time to create this post. Much appreciated :)

  2. Thanks. The instructions are clear. Tomorrow I’ll test my ability to follow instructions—my first venture into simple hooks.

  3. Thanks. Very thorough and a lifesaver!! :)

  4. Any way to do it with it under the content but before the comments?

  5. Hi Jessica, thanks for the simple explained instructions! I was tweaking my site files to put an ad unit above header but it was not showing properly. This plugin is awesome with great options to tweak the Genesis theme.

  6. If I place the ad after title, then it shows on both single and index pages and on index page it shows up after every posts title. I’m doing it with simple hook plugin. Any help?

  7. Thank you so much Jessica for this useful information, I have implemented a 728×90 Adsense banner below my site Logo, it looks amazing with the help of these tutorial.

  8. Thank you for offering the tutorial using the Simple Hooks Plugin, but I don’t care to add any more plugins to my WordPress blog.

    Would it be possible to give instructions on how to do this through the functions.php file? i would appreciate it, thanks!

    I would like to add banners above the content and sidebar and again in the footer. What is the easiest way to do this using the functions.php file?

    Thanks!

    – Bonnie

  9. Thank you very much.I was wondering all over google on how to install the adsense code in my genesis child theme and i just landed on your page.Thanks once again for sharing the info

Speak Your Mind

*