X

Blog

Getting started with PowerAd

PowerAd is a new AdPress extension; and although it’s quite simple to use it might be a bit confusing to some users. This tutorial will show you, step by step, how to setup PowerAd and AdPress and get your Ads to display on a blank page.

First, install and activate both plugins

The first step is to get both plugins installed and activated. You should be able to see the PowerAd extension in the Add-ons page for AdPress.

Add-ons Page

Create a campaign and your first Ad

Next, we need to create a campaign. To keep it simple, we are making a Links Campaign that displays at most 5 links. Feel free to set the pricing, description and other settings of the campaign.

img_02

Then, we create our first Ads. I did purchase 3 Ads (of 5) on this campaign. Since I purchased them with my Admin account, they are automatically approved. You should see them running.

img_03

Creating a blank page for the Ads

First, let’s create a blank page where to put our Ads. This is not a complicated process but some HTML/CSS knowledge is required. We’ll create a very simple page that only has one header element.

<!DOCTYPE html>
<html>
<head>
<title>Testing PowerAd</title>
</head>
<body>
<h3>Our Text Links</h3>
</body>
</html>

The HTML and JavaScript Snippets

Next, we return to the campaigns page. After you activate PowerAd, you’ll notice a new green button near the PHP and ShortCode buttons.
Click this button and you’ll find two different snippets. Both of them are HTML snippets, but the second loads a JavaScript file.

img_04

The JavaScript file should be placed before the closing BODY tag. It should be added one time only, even if you are loading Ads from different AdPress installations. It’s the same file. You can even host if locally.

The first snippet is a wrapper DIV that displays the Ads currently running on the campaign. You should place it where you want your Ads to display.

Note that this page will run even if you create it locally. Since I have AdPress hosted on my personal website, you’ll actually load the Ads from my personal site.
The final code for the page is

<!DOCTYPE html>
<html>
<head>
<title>Testing PowerAd</title>
</head>
<body>
<h3>Our Text Links</h3>
<div class="adpress-campaign" data-cid="2" data-point="http://omarabid.com/wp-content/plugins/power-ad-adpress-addon/point.php"> </div>

<script src="http://omarabid.com/wp-content/plugins/power-ad-adpress-addon/adpress.js"></script>
</body>
</html>

You can see the page live here.

Tags:

About the Author

The Author has not yet added any info about himself

Leave a reply

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