Cookbook
Mr. Pickles the AdPlugg Pug

Placing an Ad in Your Novi AMS Page Sidebar Using the AdPlugg Snippet

This recipe shows you how to place an ad into the sidebar of a Novi AMS Page 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 the sidebar of your Novi AMS page.

Note that in Novi AMS, the sidebar of each Page is a static editable region that is unique to that particular page. You'll need to add an AdPlugg Ad Tag to the sidebar of each page that you want ads to show on but once you've done that, you can easily control the ads across all of your Novi AMS pages from your AdPlugg dashboard.

Also of note is that some Novi AMS page templates don't have a sidebar (such as the Full Width template).

Here's how to add an AdPlugg Ad Tag to one of your Novi pages:

  1. Log into your Novi admin and then navigate to the page from the frontend.
  2. Ensure that the Page Editor switch that appears at the top of the page is toggled to "ACTIVE".
  3. Click on the page's sidebar to edit it. This will bring up the Novi 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 sidebar'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 green Save button next to the sidebar region in Novi AMS.

Adding More Ads!

As mentioned, you can insert ads into the sidebar of all of your Novi AMS pages using the same technique that we used above. Just repeat the steps in the "Add an AdPlugg Ad Tag" section for the other pages.

You can use Ad Zones to create a specific Zone for your sidebar. You might want to name the Zone something like "Page Sidebar".

Want to serve different ads to different pages? 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!