Cookbook
Mr. Pickles the AdPlugg Pug

Placing an Ad in Your Novi AMS Blog/News Article Sidebar Using the AdPlugg Snippet

This recipe shows you how to place an ad into the Blog/News Article Sidebar of a Novi AMS site using AdPlugg. This recipe just adds a single ad but you can use it to add any number of ads by combining it with other recipes, etc. The recipe uses the AdPlugg Snippet, which will work on any site, but the instructions in this recipe are specific to a Novi AMS site.

Create An Ad

First, we need to create an AdPlugg Ad.

  1. From within your AdPlugg account, create an Ad and upload an ad image (see the Ad Help Page).

Add the AdPlugg JavaScript SDK to Your Novi AMS Site

Next, we are going to add the AdPlugg JavaScript SDK to your Novi AMS site. This allows you to place and run AdPlugg ads on your site.

  1. Log in to the Novi AMS admin.
  2. Click the gear icon in the top right and then choose Association Settings.
  3. From the left navigation menu, select the "Analytics/Scripts" tab.
  4. From within your account at adplugg.com, click "Download" and then "Snippet".
  5. Click the "Get The Snippet" button (at the bottom).
  6. Copy the AdPlugg SDK and paste it into the "Head tag script or markup" field (in the "Scripts" section).
  7. Save your changes.

Add an AdPlugg Ad Tag

Now, we are going to add an AdPlugg Ad Tag to your Novi AMS Blog/News Article sidebar.

  1. Navigate to any article from the frontend. Note that the same sidebar code is shared across all articles so you can do this from any article. Tip: once you have AdPlugg set up on the article sidebar, you can target different ads to different articles using AdPlugg's Page Targeting feature (more on this below).
  2. Choose the region where you want to place an ad. Note that there are two editable regions, one above Categories, and one above Most Recent Posts. Tip: you can loop back and place the same or a different Ad Tag in the other region later.
  3. In the editable region, click where it says "Click to Edit". This will bring up the Novi AMS Frontend Content Editor.
  4. From the menu at the top of the Content Editor, go to Tools > Source code (or click the source code icon: < >). This will allow you to make changes to the region's source code.
  5. From your AdPlugg dashboard, go to Download and then Snippet. Click the "Get the Snippet" button (at the bottom) and then copy the Ad Tag to your clipboard.
  6. Paste the Ad Tag code that you copied above in to the Source Code box in Novi AMS.
  7. Press the Save button to save the changes to the source code.
  8. Press the Save button next to the editable region in Novi AMS.

Adding More Ads!

As mentioned, you can insert ads into other editable regions of your Novi AMS Blog/News Article sidebar using the same technique that we used above.

You can also use Ad Zones to serve different (or the same) ads into these regions.

Want to serve different ads to different articles? Check out AdPlugg's Page Targeting feature (see Targeting).

Take a look at the other recipes in the AdPlugg Cookbook for instructions on how to place ads into other areas of your Novi AMS site and to learn how to do other cool things with your ads including scheduling, rotation and more!