Blogware

Introducing the Heat Map (Blogging for Dollars, Part 3)

Joey deVilla — Fri, 18 Aug 2006 14:32:00 -0400

Hello, and welcome to the third installment of Blogging for Dollars, in which I'll cover how to make money with your blog using Google's AdSense! In case you missed the previous two installments, they are:

Part One: In this article, I introduced the idea of using Google AdSense to harness your blog to make a little extra money.

Part Two: In this article, I covered how to sign up for Google AdSense and how to put AdSense into your Blogware-powered blog.

Where to Place Your AdSense Ads

In the previous article, I showed you how to create a component that held a Google AdSense ad unit. The Google AdSense term and conditions allow you to put up to three AdSense ad units per page. You should create a separate component for each ad unit -- create each one as I showed you, and give each one its own name.

Once you've created the components, you might be wondering where the best places for your ads are. In this case, by "best places", I mean the locations for your ads which make it more likely that they will be clicked on. Remember, more clicks on those ads means more money for you!

Google also makes money on those clicks, so this is a case where your interests and Google's interests are aligned. Simply put: money money for you also means more money for them. That's probably why they publish many useful articles for Google AdSense users that show how to maximize clicks on their ads.

One of the first articles on Google ad placement that you should read is Where Should I Place Google Ads on My Pages?. The main feature of this article is the "Google Heat Map", shown below:

The heat map corresponds to the layout of a web page and is color-coded with red being the hottest, orange being the second-most-hot, yellow being third-most-hot and white being cold. The hotter an area, the better a location it is for ads.

The Hottest Spots in the Sidebars, Header and Footer

Left Sidebar, Upper Portion

In this article, we'll consider the header, sidebars and footer as possible locations for ads. For these locations, the hottest part is the upper portion of the left sidebar. In the example from the previous article, this is the location where I placed the ad.

This makes sense for blogs written in languages where you read from left to right and from the top to the bottom of the page (such as English and European languages). For readers of these languages, their eyes typically start at the upper left-hand corner of the page.

To place an ad in the upper portion of the left sidebar, make sure you're on the Look & Feel section, Layout page, with the Columns tab selected:

Drag one of your ad unit components from the Inactive column to the top of the left column, then click the Save button at the bottom of the page. You'll now have an ad in the upper part of the left sidebar.

Left Sidebar, Lower Portion and Right Sidebar, Upper Portion

The next-best locations are the lower part of the left sidebar and the upper part of the right sidebar:

Header, Left and Center Portions

The left and center portions of the header are considered to be as hot as the lower part of the left column and the upper part of the right column.

To place an ad in the header, make sure you're on the Look & Feel section, Layout page, with the Header tab selected:

You can one of your ad unit components from the Inactive column to either the left or center column, then click the Save button at the bottom of the page. You'll now have an ad in the header.

Forget the Footer

As you can see, the bottom of the page is a bad location to place ads. Don't bother dragging one of your ad components into the footer.

But What About the Hottest Spot?

All these are good locations for ads, but none of them are as good as the spot just above the primary content. It's the reddest part of the heat map.

The problem is that Blogware doesn't let put components in the center column; it's strictly for blog content.

That doesn't mean that it's impossible to place ads above the primary content; it just means that there's more work involved. I'll cover it in the next article.

Blogging for Dollars, Part 2

Joey deVilla — Fri, 11 Aug 2006 19:02:00 -0400

Welcome to the second part of Blogging for Dollars, a series of articles that cover how to make money with your Blogware-powered blog and Google's Adsense.

In the previous article, I wrote about the opportunities that AdSense provides to someone with a blog. With a few hundred pageviews a month, it's possible to cover the monthly charges for your blog and make it pay for itself. With a few thousand pageviews a month, you can harness your blogging and make it generate some decent spending money. With the right topics or themes, you might even be able to seriously supplement your income.

In this article, I say "enough with the theory, it's time to make some money!" I'll cover the process of getting an Adsense account and then inserting AdSense into your Blogware-powered blog.

Getting an AdSense Account

The first step is to get an AdSense account from Google. To do this, go to:

http://google.com/adsense

You'll be taken to a page that will look something like this:

To enter the sign-up process, click the Click Here to Apply button. You'll be taken to the sign-up form. It's divided into a number of sections, each one requiring a different type of information about you or your blog. We'll go through them one by one.

Website Information

The first section is pretty simple: you simply tell them where to find your blog and what language it's written in.

When you enter the URL (some people like to call it the "web address") of your blog into the field marked Website URL, don't add the "http://" part. For example, when I signed up for AdSense for my personal blog, I entered accordionguy.blogware.com there.

Contact Information

The second section is for contact information, so that Google know to whom they should address and send the check.

When you enter the information for Country or Territory and Payee Name (that's the person who should get the checks), make sure you don't make any mistakes. Those can't be changed once the application process has begun.

Product Selection

The third section is for choosing which AdSense products you'd like to have on your blog.

Check both. Right now, we're focusing solely on AdSense for Content, which are the context-sensitive ads. I'll cover AdSense for Search -- which puts on "Search" function on your site for which you get paid when it's used -- in a later article.

Policies

The fourth and final section is where you promise that you'll adhere to the terms and conditions of being an AdSense member.

You have to agree to all the terms to become a member, which means you have to check all those boxes. By checking all of them, you're making many promises, some of which are:

That you won't click on the AdSense ads on your own blog.
That you won't tell people to click on your ads.
That you won't put porn (and other content forbidden by the terms and conditions -- see here) on your blog.
That you won't disclose how much your blog makes via Adsense.

Once You've Filled Out the Form...

Click the Submit Information button. Then it's time to play the waiting game.

(Cue that line from The Simpsons: "The waiting game sucks. Let's play 'Hungry Hungry Hippos'.")

You won't have to wait too long. I've read on several sites that most acceptance/rejection emails from the AdSense screening people arrive within 1 or 2 days of your clicking the Submit Information button.

Once you've been accepted, you can proceed to the next step: inserting AdSense ads in your blog!

(If you've been rejected, cheer up, and I'll cover what to do in a later article.)

Putting AdSense on Your Blog

Now that you've been accepted, the next step is to put AdSense into your blog. Although there's going to be a lot of Blogware-specific material in this section, a lot of this is applicable to other blogging software or web pages in general.

Logging In

The first step is to go to the AdSense main page (http://google.com/adsense) and log in using the email address you provided when you signed up and the password emailed to you by AdSense.

Once You're In

Once you've logged in, you'll see that the site is divided into three major sections:

Reports: This section provides reports of your earnings. Since you haven't installed AdSense on your blog yet, this won't be useful to you right now.

AdSense Setup: This section generates you the code that you need to place in your blog in order for AdSense to work. We'll be working in this section today.

My Account: This section lets you review and change your account information, such as deatils about your blog, contact information and payment information.

Make sure that you're in the AdSense Setup section, which is shown below:

The page displays a number of AdSense services. Right now, we're only interested in the ads, so click on AdSense for Content.

The AdSense for Content page provides two choices of AdSense unit: as units and link units. For the time being, let's concentrate solely on ad units. I'll cover link units and the difference between them and ad units in a later article.

Select the Ad unit option and click the Continue button at the bottom of the page. You'll get taken to a page that looks like this:

This page lets you select a format and a color set for your AdSense ads. Once you've selected a color and a format, you'll be given a piece of JavaScript code that you insert into your blog's layout.

Now it's time to create an ad unit.

Making an Ad Unit

At its simplest, creating an ad unit requires only two sets of selections. The first is to select a format, which is done from the drop-down menu shown below:

If you need to see examples of the various formats available, click on the Ad Formats link.

For this example, I'm going to choose 160 x 600 Wide Skyscraper. A number of sites that cover AdSense suggest that ads in sidebars get more clicks than banner ads, and the Wide Skyscraper is the largest ads that will fit in a sidebar. Here's what the Wide Skyscraper looks like:

Once you've selected the format, the next step is to choose a color scheme. You do this in the Colors section, which is shown below:

There are two ways you can choose a color scheme. The simplest way is to choose one of the pre-defined color schemes from the drop-down menu:

The other way is to define your own color scheme using these controls. You can either type in the color code of the colors you want to use...

...or, if you're a more visual sort, you can click on the color boxes and choose from the palette that pops up:

No matter which way you choose your ad unit's colors, you can see a sample showing the color you chose. The sample appears near the bottom left of the Colors section and updates whenever you choose a new pre-defined color scheme or change a color yourself:

Feel free to pick whatever color scheme or colors for your ad. As a general rule, you should choose a color scheme or select colors that match those of your blog. In a later article, I'll write about effective color choices.

Once you've chosen the color scheme or colors, click the Continue button at the bottom of the page. You'll be taken to the final page, which contains the AdSense code:

This AdSense code needs to be inserted into the layout of your blog. If you click anywhere inside the textbox marked Your AdSense Code, you'll select all the code. Copy it (control-C on Windows and Linux, command-C on the Mac). If you like, you can open a text editor or word processor and paste the code there.

Now that we have the code, it's time for the final step: putting it into your blog's layout.

Putting AdSense into Your Blog's Layout

(Note that this section is specific to Blogware and Blogware-powered blogs.)

The simplest way to place an AdSense ad unit into your blog is to place it in a custom component. As a component, it will be easy to move to different places in your layout once you've defined it. The ability to easily move ad units about is important because one of the keys to success with AdSense is experimenting with ad placement.

Log into your blog's control panel and go to the Look & Feel section by clicking the Look & Feel tab.

The page for editing components is in the Layout section, so click on the Layout below the Look & Feel tab:

Now click on the Components tab:

Here's the part of the resulting page that's most important to us at the moment: the Add Custom Component section. This is where we can create a new component, which is a piece of code that we can easily move around the blog's layout. The Add Custom Component section is shown below:

Give your component a name so that it's easy to identify. In this example, we'll give it the name "Skyscraper Ad" by entering it into the Name textbox:

Now the slightly harder part: to enter the code that defines the component. Enter the following into the Content textbox:

<div class="component"></div>

Which looks like this in the control panel:

Note that those two lines are separated by a blank line. The blank line doesn't really do anything except make the next step easier. The next step is to paste the AdSense code into that blank line:

Now that we've defined the component, it's time to save it. Click the Add Component button to save it. The page will reload and the component should appear in the Custom Components list:

With a component defined and saved, there's only one step remaining: it's time to add it to the layout. For this example, we'll add it to the top of the blog's left sidebar. To add components to sidebars, we need to click the Columns tab:

This will give you a view of the components as they are laid out in the blog's left and right columns. Since our new "Skyscraper Ad" component (in the page it appears as "Custom: Skyscraper Ad") isn't in use yet, it's in the Inactive column:

To place our skyscraper ad at the top of the left sidebar, drag it from the Inactive column to the top of the Left column. Here's what the page looks like while you're dragging the component to its destination:

And here's what the page looks like when you've dropped it:

Now click the Save button at the bottom of the page. Once you've done that, the ad unit will be in your layout at the top of the left sidebar. Take a look at your blog now: the Skyscraper ad unit should now be at the top of the left sidebar:

Congratulations!

You've just placed an AdSense ad on your blog. Now it's a matter and waiting to see how much money comes in.

To keep an eye on the action that your AdSense ad is getting, log into to the AdSense site (http://google.com/adsense) and click the Reports tab. You'll be take to a page that candisplay all sorts of reports showing how much money your AdSense ads have earned.

Next time: I'll talk about AdSense reports and ad placement.

Blogware Mechanic: Translating the Calendar Component

Joey deVilla — Fri, 06 Jan 2006 18:21:00 -0500

We're working hard on making Blogware available in a number of languages. In the meantime, for those of you who want the Calendar component to be in a language other than English, here's a quick fix that changes it language. So if the fifth month of 2005 displays on your blog like so:

...I'll show you how you can customize the component so it displays like this:

Blogware Mechanic #3b: Including Pictures in Your Blog Entries, Part Two

Joey deVilla — Wed, 01 Jun 2005 17:52:00 -0400

This is the second of a set of installments of The Blogware Mechanic that cover the use of the filesystem -- which we introduced in the last article -- to liven up your blog.

In this article, we'll look at using your blog's filesystem to include multiple pictures in your blog entries.

Blogware Mechanic #3a: Including Pictures in Your Blog Entries, Part One

Joey deVilla — Tue, 31 May 2005 17:22:00 -0400

The next couple of installments of The Blogware mechanic will cover the use of the filesystem -- which we introduced in the last article -- to liven up your blog.

In this article, we'll look at using your blog's filesystem to include pictures in your blog entries.

The EFF's "Safe Blogging" Tips

Joey deVilla — Thu, 07 Apr 2005 20:21:00 -0400

The EFF -- Electronic Frontier Foundation -- is, in their own words, "a donor-supported membership organization working to protect our fundamental rights regardless of technology; to educate the press, policymakers and the general public about civil liberties issues related to technology; and to act as a defender of those liberties". They fight the good fight in those cases where the law and technology collide.

They recently published a guide to "safe blogging" titled How to Blog Safely (About Work or Anything Else). It's got some good, common-sense advice that you might want to follow. Here's the introduction:

Blogs are like personal telephone calls crossed with newspapers. They're the perfect tool for sharing your favorite chocolate mousse recipe with friends--or for upholding the basic tenets of democracy by letting the public know that a corrupt government official has been paying off your boss.
If you blog, there are no guarantees you'll attract a readership of thousands. But at least a few readers will find your blog, and they may be the people you'd least want or expect. These include potential or current employers, coworkers, and professional colleagues; your neighbors; your spouse or partner; your family; and anyone else curious enough to type your name, email address or screen name into Google or Feedster and click a few links.
The point is that anyone can eventually find your blog if your real identity is tied to it in some way. And there may be consequences. Family members may be shocked or upset when they read your uncensored thoughts. A potential boss may think twice about hiring you. But these concerns shouldn't stop you from writing. Instead, they should inspire you to keep your blog private, or accessible only to certain trusted people.
Here we offer a few simple precautions to help you maintain control of your personal privacy so that you can express yourself without facing unjust retaliation. If followed correctly, these protections can save you from embarrassment or just plain weirdness in front of your friends and coworkers.

One of the tips they provide is "Limit Your Audience". You can do this in Blogware by setting up restricted categories and photo albums. You can set these up so that only specified, logged-in readers can actually see the posts made under those categories; they're effectively invisible to all other readers.

I'll post a tutorial on restricted categories next week; in the meantime, you can check out the Publisher Control Panel Manual's chapter on restricted categories and photo albums.

Blogger Beware

Joey deVilla — Mon, 04 Apr 2005 13:52:00 -0400

National Post Business, a monthly magazine included with issues of Canada's National Post newspaper, featured a cover story on the perils about blogging about work in its April edition.

While I would be quick to remind you my own blog played a major role in my landing a job here, a few foolishly or rashly-written words posted to a globally-accessible medium where information flows freely and is easily copied can suddenly make you unemployed. I'm not trying to scare you away from blogging; I'm just asking you to exercise some good judgement.

One Solution: Restricted Categories and Photo Albums

If you feel that you share something with your online friends that might jeopardize your job, Blogware offers restricted categories and restricted photo albums. These are categories and photo albums that are accessible only by users who are logged in and who have permission to view them. You can grant access to restricted categories and restricted photo albums on a person-by-person basis, so you can set up your blog so that:

Your best friend Alice can see any article or photo posted in any category or photo album in your blog.
Your brother Bob can see any article or photo in the "Main Page" and "Family" categories, but not the "Deep Dark Secrets" category.
Anyone else -- your boss included -- can see only what you've posted to the "Main Page" category.

I'll post a tutorial with examples on how to set up your blog with restricted categories and restricted photo albums soon. In the meantime, you can consult the Restricted Categories and Photo Albums page of the Blogware Publisher Control Panel Manual.

Blogware Mechanic #2: Favicons and Filesystems

Joey deVilla — Fri, 01 Apr 2005 16:42:00 -0500

Favicons are custom icons associated with a website. In this installment of the Blogware Mechanic, we'll look at how to make a favicon for your blog and in the process get a better look at Blogware's filesystem.

Blogware Mechanic #1: Customizing Your Permalink Icons

Joey deVilla — Wed, 30 Mar 2005 21:21:00 -0500

The Blogware Mechanic is a regularly-appearing series of articles that will show you how to go beyond the standard features included in your Blogware-based blog, customize it in ways you may not have thought possible and make your blog uniquely yours.

In this first installment of Blogware Mechanic, we'll cover the fine art of customizing the permalink icon that appears beside the titles of articles. We'll go from this plain ol' default icon:

to a nice, snazzy custom icon:

Along the way, we'll learn a little bit about Blogware's built-in filesystem and templates.

Moving to Blogware in Six Easy Clicks

Joey deVilla — Thu, 13 May 2004 18:36:00 -0400

I like to think of my blog as an online version of my house; it's where I invite people, do some entertaining, and even show my vacation slides. Just as moving from one real-world house to another, moving from one blogging tool to another can be a very unpleasant and tedious process. Are there movers for blogs?

The new "Address Book" tab / Giving someone "trusted reader" privileges

Joey deVilla — Tue, 13 Apr 2004 17:26:00 -0400

This article introduces the new "Address Book" tab in the Navigation Bar and covers adding "Trusted Readers" to your weblog. The new "Trusted Reader" feature is very useful if there are sections in your weblog that you'd like hidden from everyone except close friends, or if you're worried about what your mom might find in your blog.

Adding a Google Search component to your blog

Joey deVilla — Fri, 02 Apr 2004 17:20:00 -0500

Blogware user Pat McDonald told my boss Ross about a custom Google component he'd created for his weblog, Ross published the code. If you're comfortable with creating custom components in Blogware, you probably already know what to do with the code. However, if you're not comfortable with the idea, this step-by-step guide is for you!

The new "Post" tab

Joey deVilla — Fri, 26 Mar 2004 17:51:00 -0500

If you were to log into your Blogware Control Panel right now, you might be surprised when you see that the Navigation Bar now has a new tab. The new tab, the Post Tab, is simply a more convenient version of the Post Menu, which is tucked all the way up the upper right-hand corner of the page. This article goes into more detail about how the new tab works.

Adding Blogrolling.com blogrolls to your weblog

Joey deVilla — Wed, 24 Mar 2004 15:12:00 -0500

Here's a tutorial that shows you how to incorporate your Blogrolling.com blogroll into your Blogware weblog.