{"id":139791,"date":"2018-10-16T10:00:15","date_gmt":"2018-10-16T15:00:15","guid":{"rendered":"https:\/\/getflywheel.com\/?p=30062"},"modified":"2023-04-14T17:12:56","modified_gmt":"2023-04-14T22:12:56","slug":"facebook-instant-articles-wordpress-how-to","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/","title":{"rendered":"How to Set up Facebook Instant Articles with WordPress"},"content":{"rendered":"\n<p>Launched in 2015, Facebook Instant Articles offers users a new way of viewing mobile articles. The articles are hosted on Facebook\u2019s servers, so instead of sending the user to an external site when they click on an Instant Article, it loads a lighter version within Facebook that doesn\u2019t contain JavaScript or slow-loading media files.<\/p>\n\n\n\n<p>Instant Articles are fully optimized for the reader\u2019s experience, which offers huge benefits to both the publisher and the reader. <strong>Let\u2019s take a look at some of these benefits:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Instant Articles load up to <a href=\"https:\/\/developers.facebook.com\/docs\/instant-articles\/faq\/\" target=\"_blank\" rel=\"noopener noreferrer\">10x faster<\/a> than standard articles.<\/li>\n\n\n\n<li>Readers are <a href=\"https:\/\/www.monsterinsights.com\/how-to-set-up-facebook-instant-articles-in-wordpress-step-by-step\/\" target=\"_blank\" rel=\"noopener noreferrer\">70% less likely<\/a> to abandon your article halfway through reading it.<\/li>\n\n\n\n<li>Those with slower connections are <a href=\"https:\/\/instapage.com\/blog\/facebook-instant-articles\" target=\"_blank\" rel=\"noopener noreferrer\">20% more likely<\/a> to read an Instant Article than other content.<\/li>\n\n\n\n<li>You\u2019ll reach a wider audience &#8211; faster loading speeds means that users share your content more.<\/li>\n\n\n\n<li>It\u2019s an opportunity to monetize your content to compensate for the inevitable loss of traffic to your site.<\/li>\n<\/ul>\n\n\n\n<p>Although this sounds like a win-win for both Facebook and publishers, there are some downsides you should be aware of:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Some companies have expressed concerns that Facebook is trying to dictate how they should publish their content.<\/li>\n\n\n\n<li>Instant Articles are basically a stripped-down version of your site, so any widgets or sign-up forms won\u2019t be visible to readers within Facebook \u2013 they can only see the article itself.<\/li>\n\n\n\n<li>It limits photos and videos in your content, although this can be worked around to some extent.<\/li>\n<\/ul>\n\n\n\n<p>Despite these concerns, I believe the pros outweigh the cons, and expect great success with Instant Articles.<\/p>\n\n\n\n<p><strong>What you\u2019ll need to get started:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Access to your WordPress site\u2019s HTML code<\/li>\n\n\n\n<li>A Facebook page with admin access<\/li>\n\n\n\n<li>Your logo<\/li>\n\n\n\n<li>A minimum of five articles on your blog<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create Instant Articles on WordPress<\/h2>\n\n\n\n<p>When you import your articles to Facebook, they are converted into the new format by parsing the HTML. The easiest way to import your existing content is to use <a href=\"https:\/\/wordpress.org\/plugins\/fb-instant-articles\/\" target=\"_blank\" rel=\"noopener noreferrer\">the official plugin<\/a>, which was created by Facebook and Automattic, the company behind WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/fb-instant-articles\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/10\/facebook-instant-articles-wordpress-plugins-cover-image-662-1.png\" alt=\"how to create facebook instant articles with wordpress plugin cover image\" class=\"wp-image-30067\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Sign up for Instant Articles<\/h3>\n\n\n\n<p>First, you\u2019ll need to <a href=\"https:\/\/www.facebook.com\/help\/publisher\/172294280052944#sign-up\" target=\"_blank\" rel=\"noopener noreferrer\">sign up for Instant Articles<\/a> through Facebook. Go to the Instant Articles page and complete your details, then check the box to agree to the terms and conditions. &nbsp;Don\u2019t forget to select the correct Facebook page if you have more than one. Now, click on the <strong>Instant Article Tools<\/strong> button. You\u2019ll then be taken to the <strong>Publishing Tools<\/strong> section of your Facebook page, where you\u2019ll see the Instant Articles section is now displayed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Connect Your WordPress Site<\/h3>\n\n\n\n<p>Before you can begin to import articles from your blog to Facebook, the next step is to claim your URL. To do this, open your Instant Articles page on Facebook and navigate to <strong>Configuration &gt; Tools &gt; Connect your site<\/strong>. Copy the <strong>Page ID<\/strong> that you see displayed to your clipboard, as you\u2019ll need it at a later stage.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Set up the Instant Articles Plugin<\/h3>\n\n\n\n<p>Now, you\u2019ll need to download and activate the plugin through your WordPress dashboard. Paste your <strong>Page ID<\/strong> from the previous step into the authorization field, then click <strong>Save Changes<\/strong> at the bottom of the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Claim Your URL<\/h3>\n\n\n\n<p>Return to the <strong>Publisher Tools<\/strong> section on your Facebook page. You\u2019ll see a box under the code you copied earlier \u2013 add your website URL in this section and click on the button labeled <strong>Claim URL<\/strong>. You\u2019ve now successfully claimed your URL \u2013 if you don\u2019t see the changes on your WordPress site, try clearing the cache and they should appear.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Upload Your Logo<\/h3>\n\n\n\n<p>You now need to upload your logo to Facebook, as you won\u2019t be able to publish Instant Articles without it. It must be a transparent PNG, at least 690 x 132 pixels. You\u2019ll also need to style your Facebook posts so they\u2019re consistent with your site\u2019s branding. You can do this by navigating to your <strong>Facebook Publishing Tools<\/strong> section and then clicking <strong>Instant Articles &gt; Configuration &gt; Tools &gt; Styles<\/strong> to change from the default article style. When you\u2019re happy with the results, click <strong>Save<\/strong> in the top-right corner and close the editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Submit Your Articles<\/h3>\n\n\n\n<p>The final step is to submit your articles for review by Facebook. This normally takes around three to four days and once approved, all your articles will be displayed in the Instant Articles format where it\u2019s available. Instant Articles are distinguished from others by a lightning bolt icon next to them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Does monetization Work for Instant Articles?<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-30069 size-full\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/10\/facebook-instant-wordpress-articles-feature-crop-662-1.png\" alt=\"how to create facebook instant articles with wordpress plugin cover image\" class=\"wp-image-30069\"\/><\/figure>\n\n\n\n<p>There are two different ways publishers can earn money for content that\u2019s distributed in the Instant Articles format:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can use Facebook\u2019s audience network to earn ad revenue, with Facebook taking a <a href=\"https:\/\/blog.markgrowth.com\/facebook-instant-articles-can-you-really-make-money-using-these-ee88518332ed\" target=\"_blank\" rel=\"noopener noreferrer\">30% share<\/a>.<\/li>\n\n\n\n<li>You can sell <a href=\"https:\/\/instantarticles.fb.com\/case-studies\/rodale-inc-how-to-monetize-instant-articles-in-3-steps\/\" target=\"_blank\" rel=\"noopener noreferrer\">your own ads<\/a> and keep all the revenue, but Facebook places a limit on how many ads can be shown.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Google Analytics to Facebook Instant Articles<\/h2>\n\n\n\n<p>Google Analytics is a really useful way of gathering information about how people navigate around your articles, how long they spend reading them, and lots of other interesting information. This can be helpful to decide what types of content works and any areas that need improvement. However, with the official WordPress plugin, you\u2019re unable to distinguish everyday Facebook traffic from traffic generated by Instant Articles, so you\u2019ll need to add a <a href=\"https:\/\/instapage.com\/blog\/facebook-instant-articles\" target=\"_blank\" rel=\"noopener noreferrer\">snippet of code<\/a> to the plugin once you\u2019ve successfully completed the review process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Get Your Site Tracking ID<\/h3>\n\n\n\n<p>In the <strong>Admin<\/strong> section of Google Analytics, locate the existing Google Analytics code. You\u2019ll see the words <strong>Site Tracking ID<\/strong> \u2013 you need to complete this section, as this is your specific ID. This is the only part of the code that needs to be changed.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Embed Your Code With Your Site ID<\/h3>\n\n\n\n<p>Complete all the necessary information and change the site tracking ID to your Google Analytics ID. Copy the code from Step 1 and paste it into the box labeled <strong>Embed Code<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Enable Your Custom Embed Code<\/h3>\n\n\n\n<p>You\u2019ll see a checkbox labeled <strong>Enable Custom Embed Code<\/strong> \u2013 ensure this box is checked and click <strong>Save<\/strong>.<\/p>\n\n\n\n<p>You\u2019ll now be able to distinguish Facebook Instant Articles traffic from the rest. However, it will only track posts from after you installed the code \u2013 if you want to see traffic from previously posted articles, you\u2019ll need to edit the posts and re-add them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/10\/facebook-instant-articles-wordpress-hover-662.png\" alt=\"how to create facebook instant articles with wordpress plugin cover image\" class=\"wp-image-30070\"\/><\/figure>\n\n\n\n<p>Facebook Instant Articles is a great option for any blogger or publisher who wants increased exposure to new audiences and the chance to monetize their content without too much extra work. Although users will see a very basic version of your site, the lightning-fast load times means they are less likely to abandon your article and you have a much higher chance of them sharing your content.<\/p>\n\n\n\n<p>The official plugin developed by Facebook and Automattic makes it quick and simple to get started and convert existing articles that you have on WordPress into the new format. It\u2019s also fairly easy to set up Google Analytics to get useful snapshots of how your content is enjoyed and where it can be improved.<\/p>\n\n\n\n<p>Have you published content using Facebook Instant Articles? What do you think of this new format? Let me know in the comments section below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Launched in 2015, Facebook Instant Articles offers users a new way of viewing mobile articles. The articles are hosted on Facebook\u2019s servers, so instead of sending the user to an external site when they click on an Instant Article, it loads a lighter version within Facebook that doesn\u2019t contain JavaScript or slow-loading media files. Instant<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","resource-topic":[904,901],"resource-role":[903,899],"resource-type":[916],"class_list":["post-139791","resource","type-resource","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Set up Facebook Instant Articles with WordPress<\/title>\n<meta name=\"description\" content=\"Facebook Instant Articles can streamline your content processes and provide a great user experience. Set it up on your WordPress site!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set up Facebook Instant Articles with WordPress\" \/>\n<meta property=\"og:description\" content=\"Facebook Instant Articles can streamline your content processes and provide a great user experience. Set it up on your WordPress site!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-14T22:12:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/10\/facebook-instant-articles-wordpress-plugins-cover-image-662-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/\",\"name\":\"How to Set up Facebook Instant Articles with WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2018-10-16T15:00:15+00:00\",\"dateModified\":\"2023-04-14T22:12:56+00:00\",\"description\":\"Facebook Instant Articles can streamline your content processes and provide a great user experience. Set it up on your WordPress site!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Set up Facebook Instant Articles with WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set up Facebook Instant Articles with WordPress","description":"Facebook Instant Articles can streamline your content processes and provide a great user experience. Set it up on your WordPress site!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Set up Facebook Instant Articles with WordPress","og_description":"Facebook Instant Articles can streamline your content processes and provide a great user experience. Set it up on your WordPress site!","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-04-14T22:12:56+00:00","og_image":[{"url":"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/10\/facebook-instant-articles-wordpress-plugins-cover-image-662-1.png"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/","name":"How to Set up Facebook Instant Articles with WordPress","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2018-10-16T15:00:15+00:00","dateModified":"2023-04-14T22:12:56+00:00","description":"Facebook Instant Articles can streamline your content processes and provide a great user experience. Set it up on your WordPress site!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/facebook-instant-articles-wordpress-how-to\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Set up Facebook Instant Articles with WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Marketer, Site Owner","topic":"<strong>Topics:<\/strong> Marketing, WordPress","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139791"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139791"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139791"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}