In order for your advertisements and campaigns to display on your website, you need to add some code from Broadstreet to your site. Before you get ready to add code to your custom site, you should first have created some zones, advertisements, and campaigns for your site. You can find more information on creating zones, advertisements and campaign in the articles below:
To add Broadstreet zones to your custom site you must first add some header script code to your site’s HTML. After that, every zone has its own unique zone code that should be added to the site HTML specifically where you want ads to display on your site.
The directions below will describe the basics of setting up Broadstreet on a custom site.
Locating Script and Zone Codes
Remember that zones are like the container or space you want to place your advertisements in. Once you’ve created zones in Broadstreet, you need to add the code for these spaces to your website.
Navigate to the Zones option in the left side menu.
This opens the Zones page in Broadstreet. Here you can see a list of all existing zones in the program. Locate the zone that you want to add to your website and click on the the right of the zone name.
The extended menu will open. Select Get Code.
This opens the Zone Code page. Along the top tabs, select Javascript (Standard). There are two boxes of code you will need to copy and paste.
The first box of code contains Header code. Header code must be added to your site before anything else is done and only needs to be added a single time. It does not matter which zone you choose, Header code remains the same for your Broadstreet network and only needs to be added to your custom site once. This code allows Broadstreet to work with your site.
The second box of code contains zone code, which needs to be added individually on every page where you want zones to appear. This code is placing your Broadstreet zones onto your website pages.
Add Header Code to Custom Site
Follow the directions above to locate the header code for your site. Copy the header code from the first box in the Zone Code screen.
Open your custom site.
Navigate to the HTML of your site. Paste the script into the header of your site. Make sure to save your changes.
You only have to do this process once. Now all that is left is to add your individual zones to the pages you want them displayed; follow the directions below to accomplish this.
Add Zone Code to Custom Site
For every zone you want to display on your site, you will need to add the zone code to the web page in the location you want ads to display. Use the section above to locate the zone code for the zone you’re adding. Copy the zone code from the second box in the Zone Code screen.
Open your custom site.
Navigate to the HTML of your site. Search the code for the locations you want your ads to appear – it may be best to have a developer search and add the zone code on your custom site. When you find the location a zone should appear, paste the zone code. Make sure to save your changes.
Repeat this step with every zone you want on your site, in every location you want the zones to appear.