Close

Copyright © RebelMouse 2020

Follow Us:

Configuring Your Site for Facebook Instant Articles

Facebook Instant Articles has become a key player in the article and editorial game. It's important that now, more than ever, you have a site optimized for Instant Articles. Brand and editorial awareness, as well as revenue, are the main benefits to getting this right.


Step 1. Sign up for Facebook Instant Articles

You can do this by following Facebook's instructions located here.

Once you select your Page, accept the terms and click Access Instant Articles Tools. A pop-up notification will prompt you to click Continue. Facebook will then take you back to your Page where we can begin to get the configuration in place.

Step 2. Configure Your Page's Instant Articles Basic Functions to Get Approved

2.1. Go to your Page's Publishing Tools. You'll now see that there's a new segment called Instant Articles located in the left-hand menu. Click on Configuration.

2.2. Go to Tools and make sure you fulfill all of the following steps described below (2.4.–2.6.) to add the meta tag code that Facebook gives you to your site.

2.3. Return back to the Facebook configuration page to finalize connecting your site. Add the domain of your site in the URL field shown below and click Claim URL.

2.4. In the Layout & Design tool, choose Top Bar, insert a Header Code element, and paste the meta tag provided by Facebook (as seen in the previous screenshot).

2.5. In the Styles menu, click on default. When the menu opens up, click on Logo. Upload your site's logo to ensure approval.

Weird as it may sound, you won't get approved if you don't put a logo in place.

2.6. Before submitting your content for approval, you will need to insert Facebook Page ID, Facebook App ID and Facebook Secret in your site's backend. To get all this information, you're going to have to create a Facebook Instant Articles app in the Monetization section for your Facebook page.

To add the Facebook Page ID, Facebook App ID and Facebook Secret, you can go to your Global Settings in the Layout and Design tool:

Step 3. Enabling Monetization with Facebook Audience Network Ads

Monetizing your Instant Articles is one of the most important step of completing the setup. The opportunities and revenue that come hand in hand with Facebook Instant Articles are no longer a surprise. Facebook is actively investing in creating new ad spaces within their platform, as well as providing you with a superior array of native ad placements.

To get started on monetizing your Facebook Instant Articles, go to your Facebook Page, click Publishing Tools, and then Monetization. Tick the box at the top to agree to the terms, and then click Get Started.

Enabling monetization through Instant Articles will automatically create a Facebook Instant Articles app.

You can find your app here under the following naming convention: Your Page's Name - Instant Articles.

After opening up your app, go to Settings and make sure you fill out the App Domains field (e.g., lovemeow.com or ecowatch.com or loveisfluid.rebelmouse.com).

If you're getting approved before going live with your finalized domain address, you can set this all up with your temporary RebelMouse address. Make sure that once your finalized domain is live, you update the Apps Domain field with the new URL. Otherwise, Instant Articles will no longer work for you.

Fill out the following fields as well:

  • Privacy Policy URL
  • Contact Email (Make sure the current entry is still correct.)

If you don't want to monetize your articles, it's totally okay to skip this previous step.

Step 4. Submit 10 Articles for Review

Now that you've configured the basics, you need to go into your RebelMouse site and submit 10 articles for Instant Articles approval.

Submitting articles is as easy as toggling Facebook Instant Articles on in each article and clicking Publish (or Update if you're editing an existing article) in the Entry Editor.

In the Entry Editor, click on the Social Copy icon to access these settings. Then toggle on the Facebook Instant Articles option.

If you find a red warning message about needing to renew a token, please:

  1. Ask your Account Manager or RebelMouse Support to make sure your Facebook Page ID is added to our backend. You can find your ID using this link.
  2. Once confirmed, click Renew from an account that has administrative access to the Facebook Page we're connecting to.

Once the token has been set, this is how your Facebook Instant Articles toggle should look.

Step 5. Getting Approved

The process of getting approved for Instant Articles takes a little bit of time. You'll need to submit 10 articles and approval can take 30 days or more. Facebook will notify you once you're approved for publishing.

In your Facebook Page's Publishing Tools, make sure there are no errors with the articles you're trying to submit. If you have questions about any errors that come up, please contact your RebelMouse Account Manager and we'll help you solve them.

Usually, no errors are shown because we've worked on sending out-of-the-box HTML versions of the articles you're publishing that are suitable for Facebook Instant Articles.

You can easily take the articles you submitted live (or any new ones you might've published while you were waiting for approval) by selecting them via the left checkboxes and clicking Publish.

Step 6. Mandatory Business Manager/Monetization Manager Facebook Upgrade

Facebook has been strongly communicating that they want all Pages on their Business Manager and Monetization Manager by February 2018.

It's key that your Page is managed by this platform, so please make sure you get this done as soon as possible. We have a full step-by-step tutorial on how to activate them if you need guidance. You can find it here.

Before leaving this page, you'll also have to add a platform. Click + Add Platform at the bottom of the page, select Website, and then enter your site's URL.

Make sure to click Save before leaving the page.

Please also remember to take your app live by going to App Review and clicking Confirm to make your app public.

Facebook offers three types of display formats for ads: Banner, Interstitial, and Native. (There's another type called Recirculation, which is in beta, and we'll cover it later on in this article.)

Regardless of format, there's no need to upload new creative content — ads in the Audience Network use the same images you use for your ads on Facebook. For more information, you can read Facebook's FAN ad guide here.

9. As mentioned above, there's also a new beta ad format called Recirculation Ads, which are ads that appear at the bottom of an Instant Article as a sponsored module with a small headline titled "From Our Sponsors."

You can now use this placement ID for your recirculation ad unit! Though please bear in mind that recirculation ads are not visible from the Pages Manager. Please check them via Ad Spaces and the Facebook app or mobile site view.

10. To implement these ads on your site, you'll need help from the RebelMouse team. Send the placement IDs to your Account Manager and we'll input them in our back end. Placement IDs are located in your Ad Placement and look like this: 123456789101112_125xxxx34687343.

Step 7. Facebook SDK for JavaScript or Facebook App ID and Secret

If you have a RebelMouse Account Manager, please provide them with the Facebook App ID and App Secret so they can add it to our backend.

You can find your Page's app here. Go to Settings, and then Basic to retrieve both.

Otherwise, there's an easy way to set up the Facebook SDK for JavaScript quickly, which is needed for proper tracking of your Instant Articles. Ideally, the best method is by providing your App ID and App Secret, since the SDK method might cause conflicts.

1. Choose Web as your platform, enter your site's URL, and click Save.

Step 8. Setting up the Facebook Pixel

To properly track the activity on your Facebook Instant Articles (page views, specifically), and any FAN ads you implement on the mobile version of your site, the Facebook Pixel needs to be set up. This is a key part of correctly setting up analytics.

1. Go to the Facebook Pixel tab in the Business Manager for your Facebook Page. If it's your first time and you've never created a pixel, you'll be prompted to do so.

Follow the steps Facebook provides — it's a pretty straightforward experience. You can only create one pixel per advertising account.

2. Once you're finished, you'll see your Facebook Pixel page start to populate in the Business Manager. The example account here has had a Facebook pixel installed for a while, so it has already gathered a significant amount of data.


Your own page will look much emptier at first, and it won't display "Pixel base code installed" until you actually put the code snippet in.

3. Next, click on Setup in the top-right corner to get the Facebook pixel code snippet. It will give you two options: Set up the code through a tag manager, or copy and paste the code — choose the latter.

4. Facebook will provide steps and the code that you can copy to your clipboard. Once you have it copied, open the Layout & Design tool on your own website.

5. Find the Top Bar page in the left-hand navigation menu of the Layout & Design tool. That's where you should paste this piece of code. It's the equivalent of a <head> tag.

6. Make sure that you select the Column in the Top Bar, and then click the + button in it. Next, click on the first puzzle piece at the bottom of the list, which will create a Header Code element.

7. Once created, you'll be able to paste the Facebook pixel code you copied into it.

8. Click Save in the top-right corner and voilá! All done.

Adding DFP to FB Instant Articles

We can serve ads from DFP to Facebook Instant Articles by implementing a Google publisher tag in the Facebook platform.

In your Facebook Page > Publishing tools tab > Instant Articles configuration > Production articles > Create New Article we need to create new articles and place the proper Google code in order to serve the ads from Ad Manager.

Here is a guide for creating new articles in IA: https://www.facebook.com/help/publisher/1991907254467023

You will want to get the proper DFP code from Google and add a figure and iframe element to it. Afterwards you can attach the code to the newly created Instant Article to implement in the Instant Article pages. Please contact your account manager or support@rebelmouse.com if you need help setting this up.

Troubleshooting Tip: I'm Seeing Different URLs for the Same Post on Instant Articles, What Gives?

Each time we share a post or an assembler particle to Facebook, a share_id param is appended to the URL:

If you have Instant Articles enabled, this causes you to see the same post more than once in your Publishing Tools > Production Articles page For example, you might share a post to FB twice: the first time at 8 PM, the second one at 10 PM:

The first post's URL may be "https://www.site.com/post.html," while the second post's URL is "https://www.site.com/post.html?share_id=xxxx." This mechanism is something we had to implement after Facebook started fighting fake news. That's why for content that is distributed several times and content that uses the particle assembler, we append this ?share_id logic.

This doesn't mean that your article is duplicated or that Instant Articles has published your content twice, it just means that you will be able to:

  • Share your article more than once
  • Share individual particles with this method
  • Change the image, headline, and description of your article each time you share it, if needed.

Troubleshooting Tip: Difference Between FBIA Errors and Warnings

Sometimes you will see either a "WARNING" or an "ERROR" in the Entry Editor when it comes to publishing to FB Instant Articles. There is a key difference between these two types of warnings.



If the error starts with "WARNING" message, then you can safely ignore such errors because they are not direct impediments to publishing.

If it is "ERROR", then this is a real warning and in most cases it will prevent FB IA from publishing.

An example of when you would see a "WARNING" is when HTML tags are empty. Facebook deals with this automatically but gives us a notification anyway. But it is not an impediment to publishing.


Contact Support With Any Questions

And that's all it takes to get Facebook Instant Articles up and running smoothly! Want more tutorials on Facebook Instant Articles? Click here to get your read on. Click here to learn more about our Ad Manager dashboard.

If you have any more questions about how to set up Facebook Instant Articles, email support@rebelmouse.com.

Why RebelMouse Is the Best Content Marketing Platform

RebelMouse is a unique platform and company. The company was founded on the vision that media companies would need an always-modern solution to thrive in the new connected internet, and that brands would have to behave like new media companies and use the same platforms.

Keep reading... Show less

Why Premium Creative Agencies and CTOs Choose to Develop on RebelMouse vs. WordPress and Drupal

The Intersection of Design and Development: Where Your Clients Thrive

We started RebelMouse seven years ago knowing that there was a fundamental design flaw in the world of traditional CMSs: Every instance, on every platform, had to be updated independently. It's similar to an era when users had to manage their own Microsoft Exchange Server for email. The costs of managing, maintaining, and iterating on a CMS to keep it awesome and world class is typically a $10 million-a-year endeavor. But even then, these cost-prohibitive CMSs are still behind the times.

Keep reading... Show less

Native Multivariate Testing at Scale With RebelMouse

What Differentiates Our Approach

There are many popular tools that allow you to perform experiments and A/B tests on your users — primarily Google Chrome Experiments and Optimizely. But all of these solutions are JavaScript additions to your web page that sidestep the problem of old, outdated, and clumsy CMSs. These solutions work by calling on a third-party JavaScript library that rewrites a page after it's rendered. This approach adds extra page weight and creates strange user experiences due to having to wait for everything to load and be rewritten on the fly.

At RebelMouse, we've solved this in a very elegant way. At the core level of our platform, we can natively render different layouts and track the exact differences in performance when comparing a test to your other layouts.

Keep reading... Show less

Modern E-Commerce: Blur the Line Between Content and Design

Create Modular + Reusable Design Patterns on RebelMouse

Content saturation is an industry-wide problem, and the e-commerce space is no exception given that it's filled with big brands, small Etsy stores, and everyone in between all fighting for similar audiences. The best way to fight this symptom is to understand your audience and provide them with what they want.

Keep reading... Show less

Instagram-style E-commerce Features on RebelMouse

Revolutionizing E-commerce on RebelMouse

Whether you're a brand with a blog or a media company with a site, driving purchasing behavior and building an audience that uses your content to find things they love to buy is vital. We're very proud to have built out the same functionality that everyone is now used to on Instagram, with layovers on images that lead to products with attribution.

Keep reading... Show less

Building Premium Communities and User Journeys on RebelMouse

RebelMouse is much more than just a replacement for a traditional CMS. Our platform is a tremendous community-building experience. Today's social ecosystem has given us a seemingly limitless number of premium creators who understand how to create gorgeous and relevant content that drives the growth of their own audiences. These creators and influencers are either experts in certain topics, or heavily engaged in targeted content that drives their interests. They're not only consuming the content they're passionate about, but they're contributing to the conversation, too. The new role of the editor is not just to cover the most important topics and people around their expertise, but also to invite those preferred influencers into their community and get them to participate in creating premium content.

Read our deck here...

Keep reading... Show less

Dynamic Voting: Grow Traffic and Engagement Organically

Help your audience find its voice.

Creating quality content is no longer on marketers alone. We live in a universe of creators who are willing to not only consume content that resonates, but play a role in the creation, promotion, and conversations surrounding it.

Since the start of RebelMouse, we've been on a journey to create dynamic media that is easier for content creators to curate and amplify on social. It's why we've built an online engagement platform centered around the power of communities that thrive naturally in the digital ecosystem.

Keep reading... Show less

How to Monetize Your Website in Today’s Publishing Environment

In order to define distributive publishing, we have to ask the following question: If you have quality content, but nobody sees it, does it even exist? The answer is no, because your content needs to be supported in a way that lets it move seamlessly across all channels, especially site, search, and social. But let's take this question a step further: If you can't monetize your content to generate the support it needs, how do you create quality content in the first place?

Keep reading... Show less

New: Add Images to Sections Using Sections Dashboard

Choose a cover photo for each of your site's sections

It's important to make sure that your website structure is organized nicely, and this includes implementing a proper tagging system and section strategy. To make sure that every page on your website stands out, we've added the ability to add a cover photo to each of your sections in our Sections Dashboard. Here's how it works.

Keep reading... Show less

Conquer Your Crawl: Feed the Googlebot With Structured Data

Set up success on search with a detailed web schema

Since search took over Facebook as the top referral of web traffic a few years ago, the growth of Google hasn't let up. It's estimated organic and paid search accounts for 68% of all trackable website traffic, and, perhaps even more noteworthy, 53% of that traffic is fueled by organic search.

The revival of search has brought with it a maturation of what makes for a solid search engine optimization (SEO) strategy. The algorithm is now savvy about robotically written articles designed to win a specific set of keywords. As Google's search engine has gotten smarter, its web crawler software, casually called the "Googlebot," has also evolved in terms of how it indexes data.

Keep reading... Show less

Facebook Offering Small Business Grants Program During COVID-19 Crisis

Program to provide $100 million in cash grants and ad credits for small businesses

Publishers big and small all over the globe are grappling with the financial constraints caused by the COVID-19 pandemic. Trying to find the right brand messaging in this unprecedented time is a balance that none of us have ever faced before.

We've developed a live-blog experience that's designed to maximize your potential on search. Keep your audiences up to date by the second as they turn to you for the latest news, updates, and guidance.

In an effort to help ease the strain on publishers, Facebook has announced a Small Business Grants program for publishers. The social network is offering $100 million in cash grants and ad credits during the crisis. The offer is available for up to 30,000 eligible small businesses across 30 countries.

More information on how to apply for the program is forthcoming. Click here to learn more and sign up for updates. Check out Facebook's COVID-19 Business Resource Hub here.

Live-Blog Feature: Publish Real-Time Updates + Maximize Search Performance

Make sure your audience never misses an update

Many organizations are facing communication challenges after the recent outbreak of COVID-19. With so much information available everywhere, it is harder than ever to control the message of your own audience.

At RebelMouse, we're constantly iterating on our platform to help you make your content as relevant as possible. In the current news environment, staying on top of breaking stories using live blogs is incredibly important.

We've implemented our own version of the live-blog experience that's designed to maximize your potential on search. We power this new functionality using WebSockets, which allows for near-instant updates.

The advantage of creating a live blog using RebelMouse is that we index each live-blog update for search so that you receive SEO credit for every single update. This means if one of your live-blog updates hits on a key search phrase, it can drive a lot of traffic from search. This is superior to the traditional way of doing live updates where it was simply embedded JavaScript loading posts.

Keep reading... Show less
Subscribe to Our Newsletter