After we successfully installed the OpenX ad management system, we can now integrate this tool into our website. That allows us to set up accounts and management interfaces for individual advertisers, or to display advertisements from the OpenX Market.
We start by logging in as the administrator:
In the Administrator’s Dashboard we click to Inventory -> Websites.
There we can Add a new website. We fill out the information for this specific site. There is nothing special here. Since we provide information on the deployment of internet technology, we select Web Tools as our category for this site.
After clicking Save changes, the new website is added to our ad management system.
Adding Zones to our Website
The next step is to add zones for each spot on our website where we wish to place an advertisement. So we click Inventory -> Zones -> Add new zone. If you have already added more than one website to OpenX, make sure you select the right site for the new zone to be added to. Here we create a zone in the header for full banner ads:
Having the option Serve ads from OpenX Market ticked, arranges for OpenX ads to be served when nothing from your own advertisers’ inventory would be displayed.
In a similar way, we create all the zones we might need for our portal.
Generating the Zone Invocation Codes
On the far right side of each zone, you see a link for the Invocation Code. This gives you
As you can see, there are a few options to set. Since we do not want to see the same banner twice on the same page, we select No for 'Don’t show the banner again on the same page'. The Target Frame we leave at Default, having the landing pages opened in a new tab. The rest we leave as is as well.
After clicking the Refresh button, the code snippet is updated:
This is no different than what we did before when we integrated Google AdSense into our WordPress portal. Later on we can even add the AdSense invocation codes to our campaigns, basically hooking the OpenX ad management system in between.
Since we do not want to insert advertisement code directly into our web design, we place the invocation code in a separate file. We then include this file in our design using PHP:
<!-- advertisement --> <div alt="<?php echo (gp_display_core_text2html (_("Advertisement"))); ?>"> <!-- Yahoo! nocontent tag --> <?php include (GP_PLATFORM_ADS_INTERNAL . "OpenX/OC-header-leaderboard-728x90.php"); ?> </div>
And here we are! Since we have not yet defined campaigns ourselves, the ad manager serves advertisements from the OpenX Market.
The next step is to create a campaign for Google AdSense. And then move on to creating accounts, management interfaces, and campaigns for specific advertisers.