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.
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.
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.
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>
Next, we return to the campaigns page. After you activate PowerAd, you’ll notice a new green button near the PHP and ShortCode buttons.
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.