Help
Mr. Pickles the AdPlugg Pug

AMP Ads

AdPlugg is an official extension of the AMP (Accelerated Mobile Pages) project. You can add AdPlugg tags directly to your AMP pages and they will be rendered and filled along with the page.

AMP Ads can be added using the following format:


    <amp-ad width="300" height="250"
        type="adplugg"
        data-access-code="<your access code>"
        data-zone="<amp_zone_2>"
    ></amp-ad>

Change the access code, zone names and sizes in the code above to match your account and requirements.

Automatic Placement (WordPress)

If you are using WordPress, you can have the tags added to your Posts or Pages automatically using the AdPlugg WordPress Ad Plugin along with the AMP Plugin.

Here’s how to do it:

1. Install the AMP for WordPress Plugin

First you'll want to install the AMP WordPress plugin from Automattic. This plugin will create an AMP page for all of your posts and pages. You can access the AMP page by going to http://www.example.com/some-post/amp.

2. Get Version 1.7 (or higher) of the AdPlugg WordPress Ad Plugin

In Version 1.7 of the AdPlugg WordPress Ad Plugin we've added the ability to insert ad tags into your AMP pages.

3. Configure Your AdPlugg Ads

If you don't already have one, create an account at adplugg.com. Next, upload the ads that you want to include in your AMP pages. AdPlugg allows you to upload virtually any kind of ad that you want. This includes image ads, text ads, HTML5 ads, etc. I'd recommend that you create some AdPlugg Ad Zones that are specifically for your AMP ads. You could call them something like "amp_zone_1", "amp_zone_2", etc. Once you've created your Zones, target your ads to them directly or via an AdPlugg Placement.

4. Add the Ads to Your AMP Pages

The AdPlugg WordPress plugin makes it easy to add ads to your AMP pages by utilizing a system that you are probably already familiar with, the WordPress Widget System! Here's what you do:

  1. Log in to the WordPress administrator.
  2. Click AdPlugg in the left menu and then click AMP to go to the new AdPlugg AMP settings page.
  3. Check the "Automatic Placement" checkbox. This will enable the feature and create a new Widget Area called "AMP Ads".
  4. Go to Appearance and then Widgets. You should now be able to see the AMP Ads widget area.
  5. Drag and drop the AdPlugg Widget into the Widget Area.
  6. Configure the Widget by giving it a Zone machine name, width and height.
  7. If you want the zone to repeat throughout the Page/Post, check the "default" checkbox to make the widget the default.

5. Check the Output

Check your AMP page or post at /your-post-name/amp - it should now include your AdPlugg ads! Feel free to add more ads, rotation, scheduling etc, from the settings available from your account at adplugg.com! Note: it's best to limit each of your AMP Zones to only show one ad at a time (you can do this via the Max Ad Count field in the Zone settings).

That should do it, see the contextual help (in the top right of the WordPress Admin) for more details.

More Information

For more information, pleas also see the below resources: