Monetize Your Site

Adding Google Adsense to WordPress can be a frustrating experience often resulting in undesirable results. Xidipity solves this problem by facilitating the placement of ads which enhances the user experience and supports ad management best practices. Fully responsive, ads adjust to the device being used.

Monetize Your Site Image #010

insert_commentGoogle Adsense

Shortcode Options

  • client = “ca-pub-3773234116666593”
  • slot = “3797865743”

Many WordPress admins want to monetize their BLog as a source of income or to recover the operational costs. Google Adsense is a popular choice for this purpose, but adding ads to your BLog can become a design nightmare.

 

Web designers often find themselves conflicted as poor ad management becomes toxic to a good design and will drive visitors away.

 

Background

Adsense ads can be text and/or graphic with the graphic format being the most popular. The challenge for Google is creating an ad which displays well in a variety of formats on a wide variety of devices ranging from desktop to mobile. The following are a sampling of the more popular sizes.

 

300×250

(text ads / display ads / mobile friendly)

Also known as a “medium rectangle”. Tends to have more ad inventory available from advertisers, which can increase earnings when both text and image ads are enabled. Performs well when embedded within text content or at the end of articles.

 

336×280

(text ads / display ads)

Also known as a “large rectangle”. Tends to have more ad inventory available from advertisers, which can increase earnings when both text and image ads are enabled. Performs well when embedded within text content or at the end of articles.

 

728×90

(text ads / display ads)

Also known as a “leader board”. Tends to have more ad inventory available from advertisers, which can increase earnings when both text and image ads are enabled. Performs well if placed above main content, and on forum sites.

 

300×600

(text ads / display ads)

Sometimes referred to as a “half page”. This format provides a larger space for advertisers to get their message across and can offer users rich engagement. The 300×600 is one of the fastest growing sizes by impressions and is indicative of a trend where publishers are offering more visually ad sizes that are preferred by brand advertisers.

 

320×100

(mobile friendly)

Also known as the “large mobile banner”. Can be used an an alternative to the 320×50 and the 300×250. These ads offer advertisers twice the height of our standard “mobile leaderboard”.

 

In Article / In Feed

(mobile friendly)

In-article is a new Google-optimized ad format that helps you put native ads between the paragraphs of your pages. In-feed ads are a new format that you place inside your feed to help monetize your site and provide a better user experience to your visitors.

 

Although all of these formats are available and may be included in your content with the embed tool, the Xidipity adsense tool uses the new “responsive” format.

 

New To Adsense

If you do not hold an Adsense account, the first step is launching your site and be able to demonstrate a history of engagement. This can be frustrating for a new Adsense user launching a new site, but if the site is not generating traffic adding Adsense becomes a mute point.

 

When you believe the time is right, submit an Adsense application. For your awareness, the approval processes is not instantaneous and acceptance is not guaranteed.  The two most common reasons for rejection are inappropriate content or multiple accounts.

 

Once activated, Google will walk you through the steps of setting up an ad unit and generating the code to be placed in your content.

 


Ads units must be created in Adsense first!


 

attach_money Xidipity Adsense Tool

Although placement of ads is the prerogative of the author, generally speaking ads placed at the top, bottom, and widget do well. To use the tool you will need to know your “data-ad-client” and  “data-ad-slot” ids.

 

To insert an ad place the cursor where the ad will appear. Remember this ad will try to fit all of the available space.

 

The steps are really easy, just click the tool icon ( attach_money ) and replace “CLIENT ID“,  “SLOT ID” with your ids and click the “OK” button.

 

createEditor View

insert_commentGoogle Adsense

Shortcode Options

  • client = “ca-pub-1234567890”
  • slot = “1234567890”

 

webWeb View

insert_commentGoogle Adsense

Shortcode Options

  • client = “ca-pub-3773234116666593”
  • slot = “3797865743”

 

settings Adsense Widget

A popular adsense solution is adding ads to the sidebar widget. The responsive ad works well for this purpose and using the following template makes it easy.

 

 Template

½×

GitHub Gist

template08.html

 

 Installation

  • Highlight the desired template code
  • Copy to clipboard
  • Paste clipboard in the sandbox editor
  • Modify
    • update data-ad-client code
    • update data-ad-slot code
    • optionally, update data-ad-format code
  • Highlight the updated content
  • Copy to clipboard
  • Select widgets from the Admin menu
  • Drag Custom HTML widget to the Main Sidebar
  • Open the widget
  • Paste the updated clipboard into the content text box
  • Click the “Save” button​

 

Final Thoughts

From a design perspective, less is more. That is to say a web page filled will too many ads becomes unreadable. Keep in mind many folks will visit your site from a mobile device, so always test your layout against the mobile use case.

 

As you can see from the page banner above, the Xidipity solution does off some flexibility. I created this solution by inserting a two column template and placing an image on the left and the adsense template on the right. The image has a 6×4 aspect ratio.

 

If you decide to go with the raw script provided by Google, I suggest compressing using a HTML compressor. The script can then be inserted using the embed tool. Compressing reduces the risk the editor will make changes to the script which breaks the code. The downside to this approach is the only indication of the script in the visual editor is two dots. If the ads are added as the final edits this inconvenience may not be too bad.

 

Finally, Google may not display ads in the WordPress preview mode. 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *