How To Add Leaderboard Ads and Featured Graphics

by | Aug 1, 2014 | Sales, Sister Site Website Resources

Leaderboard Ads ::

Leaderboard ads appear right aligned above your header image and are used primarily as paid image ads and sometimes used to promote events and other campaigns. Standard size is 468 pixels x 60 pixels.

  1. First be sure to create an AdGroup in AdRotate for your Leaderboard Ad set to the correct dimensions. Then add your New Leaderboard ad to this AdGroup following the directions linked above.
  2. Copy and paste the AdGroup shortcode, which will look like this: [ adrotate group=”6″ ].
  3. Go to your left Nav bar and select ” _____ Moms Blog >> Hooks.”
  4. Find the section called “Executed before the opening#header DIV tag.” field.
  5. Then update the following code string with your correct AdGroup shortcode.
    <div id="banner-ad">[ adrotate group="6" ]</div> 
  6. Your banner ad code will go in between your <div id="banner-ad"></div> code. So it will look like this:
    <div id="above-header">
    <div id="mission-statement">Passionate About the Community
    and the Moms Who Live Here</div>
    <div id="banner-ad">[ adrotate group="6" ]< /div> < /div>Leaderboard Image Sample
  7. Then select “Save Changes”.

When you want to swap out your banner ad, all you need to do is add new Leaderboard Ads into AdRotate assigned to the Leaderboard AdGroup.

** Please note: In order to make the above directions appear, some spaces have been added between HTML codes.

 

Featured Graphic ::

Featured graphics appear full width underneath your header image and are often used to draw attention to content, campaigns, events and other content you don’t want your readers to miss. Standard size is 980 pixels x 50 pixels.

  1. Upload your banner ad to your Media Library. Then copy and paste the URL by hitting the ‘edit’ button.
  2. Go to Canvas > Hooks.
  3. Copy and paste these lines of code into the “Executed after the closing#header DIV tag.” field.
  4. Then update with your Image URL and your Destination URL.
    <div id="feature-graphic"><a href="http://yourdestinationurl" target="_blank"><img src="http://yourimageurl"></a></div>
  5. Then select “Save Changes”.

When you want to swap out your featured graphic, all you need to do is update the Destination URL and the Image URL.

Example ::

hooks

Issues? Contact Kelli ([email protected]).