Facebook Instant Article Ads

AdPlugg just launched support for Facebook Instant Article Ads. In last week’s post, Facebook Instant Articles: 5 Things You Need to Know, we talked about what Facebook Instant Articles is and what it means for publishers. We also mentioned that AdPlugg was going to be supporting it and allowing you to serve your AdPlugg ads into your Facebook Instant Articles.

Well, we just launched the feature and are excited to tell you all about it. Here’s how it works (note: these instructions are for WordPress sites, see below for info regarding other platforms/sites):

1. Install the Facebook Instant Articles for WP plugin

First you’ll want to install the Facebook Instant Articles for WP plugin. This is the official Facebook Instant Articles plugin from Automattic, the makers of WordPress. This plugin is great but is pretty barebones: it doesn’t (at this point) have any settings available via the WordPress admin. But what it does, and it does very well, is create a Facebook Instant Articles Feed. Once you’ve installed and activated the plugin, you should be able to go to http://www.yoursite.com/feed/instant-articles and see a feed ready for Facebook to ingest.

Get Version 1.3 of the AdPlugg WordPress Ad Plugin

In Version 1.3 of the AdPlugg WordPress Ad Plugin we’ve added the ability to insert ad tags into your Facebook Instant Articles feed.

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 feed. 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 Facebook Instant Article ads. You could call them something like “fb-zone-1” and “fb-zone-2”. Once you’ve created your zones, target your ads to them directly or via an AdPlugg Placement.

Add the Ads to Your Facebook Instant Articles Feed

The AdPlugg WordPress plugin makes it easy to add ads to your Facebook Instant Articles feed 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 Facebook to go to the new AdPlugg Facebook settings page.
  3. Check the “Automatic Placement” checkbox. This will enable the feature and create a new Widget Area called “Facebook Instant Articles Ads”.
  4. Go to Appearance and then Widgets. You should now be able to see the Facebook Instant Articles 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.

Select AdPlugg as Your Instant Article Ads Provider

  1. In the WordPress administrator, click Instant Articles in the left menu.
  2. Scroll down to the Ads section.
  3. Under Ad Type, choose AdPlugg.
  4. Scroll to the bottom of the page and press the “Save changes” button.

Check the Output

Check your feed at /feeds/instant-articles – 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 Facebook Instant Articles Zones to only show one ad at a time (you can do this via the Max Ad Count field in the Zone settings).

Join the Facebook Instant Articles Program

Log into your Facebook account and go to your Facebook Page. Starting April 12th, 2016, there will be a link there to the Facebook Instant Articles program signup page.

Non-WordPress Sites

If you aren’t using WordPress, you can still serve AdPlugg ads into your Facebook Instant Articles feed. To do so, edit the code that generates your feed and add the following tags to the <header> section.

Example

<header>
    ...
    <section class="op-ad-template">
        <figure class="op-ad">
            <iframe 
                  src="https://www.adplugg.com/serve/<your access code>/html/1.1/index.html?zn=fb_zone_1" height="250" width="300"></iframe>
        </figure>
        <figure class="op-ad op-ad-default">
            <iframe src="https://www.adplugg.com/serve/<your access code>/html/1.1/index.html?zn=fb_zone_2" height="50" width="320"></iframe>
        </figure>
    </section>
</header>

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

Conclusion

AdPlugg makes it easy to serve, manage and track your Facebook Instant Article ads. If you have any questions, comments or suggestions; add them to the comments section below!