We are always working on making emptyspaceads better. We’ve heard from a few publishers that they may not understand what the differences are between empty space detection methods. The two modes we have available are: “Automatic” method and the “Let Me Specify”. Let’s cover one at a time:

The Automatic Detection Mode uses a simple approach to determine whether the content is empty space or not. We just completed an update that should make the ads appear less often. Our goal is that the ads only every appear when your user’s mouse is in the empty space of their website. And we’re constantly working on making this happen.

Next up is the Let Me Specify Detection Mode. Until we’re 100% accurate at identifying your website’s empty space, we give you this option to say to us, “I know exactly where I want the ads to appear in.” This approach means you must adjust your HTML just a tad where you’d like the ads to appear in. We’ll cover that in a second.

So say you just picked the “Let Me Specify” option. What’s next? Well, you simply add class=”ESAemptyspace” to whatever HTML element you’d like the ads to appear in. You can pick elements like HTML or BODY, or any DIV you’d like. You’re in control. If you’d like help in setting up emptyspaceads on your site, please don’t hesitate to contact us.

Some people intuitively learn how to use a product, whereas others like to see screen-shots and even videos. This post highlights the 4 steps a user can take to get more ShoppingAds® running on their site. I assume that the user already has a ShoppingAds® account. You may also benefit from Sri’s how-to to getting emptyspaceads running on your site. This guide is concerned with how you get ShoppingAds® to appear in your site’s empty space. We’ll try to keep this guide up to date.
Overall Diagram: Below you’ll see an overview of the steps I’ll be walking you through today. The three columns represent the three separate website you’ll be interacting with: emptyspaceads, ShoppinAds®, and your website.

Step 1: Sign up for a publisher account: Head on over to create a new account with emptyspaceads. There are only a few fields to fill out.

Step 2: Add a website you’d like emptyspaceads to appear on. Your publisher overview page will prompt you with a link, or simply head over to the big “My Websites” tab, and click “Add Website”.

Step 3a) Head on over to ShoppingAds® and create an ad, or use an existing code you have. Be sure to add a new campaign named “emptyspaceads” (or whatever you like) so you can see how effective emptyspaceads is compared to your existing ad units.

Step 3b) Create a new NetworkAd by pasting in the ShoppingAds® code. Again you’ll be prompted with a text link in your publisher Overview screen… or simply head on over to the My Ads tab, and select “Create NetworkAd”.

Step 4a) Copy emptyspaceads code. When you create your NetworkAd, the system will prompt you to copy the code for the website you want to display emptyspaceads on. Or just head over to the “My Websites” view and copy the code.

Step 4b) Paste emptyspaceads code right before the </body> tag. You can put emptyspaceads at the very end before </body>. Likely you’ll have other javascript code you’ll want to put at your footers, but we don’t mind loading last because our ads don’t need to be present right away. The before:

Step 4b continued) And After:

Congratulations, you’re done! You’ll need to upload the HTML or deploy the code to your website to see the changes. From now on, you can easily edit all the emptyspaceads that appear on your website, without having to copy & paste emptyspaceads code again (step 4a & 4b). In the meanwhile, let’s see the fruits of our labor.

Was this helpful? Let us know by leaving a comment.