Har du hört talas om Facebook Instant Articles och vill addera dem till din WordPress site?
Instant Articles är utmärkta för att snabbt leverera content till användare av Facebook. De hämtar 10 gånger snabbare och använder ett mobilt format. Detta bidrar till att ge en exceptionell användarupplevelse och ökar dina följare.
I den här artikeln visar vi dig hur du enkelt konfigurerar Facebook Instant Articles för WordPress.
Vad är Facebook Instant Articles?
Instant Articles är en funktion på Facebook som allow you att ladda ditt content 10 gånger snabbare genom att använda ett customize format för mobila enheter. Den är baserad på samma teknik som används i Facebooks appar för mobila enheter.
Instant Articles laddas upp till 10 gånger snabbare än en vanlig page. Denna otroliga ökning av hastigheten ger en bättre användarupplevelse för mobila användare.
Många populära mediesajter gillar BuzzFeed, TechCrunch, Mashable och otaliga andra använder det på sina webbplatser. Du kan enkelt upptäcka omedelbara artiklar i ditt Facebook feed med blixtbult ikonen.
Pro och nackdelar med Facebook Instant Articles
Likes allt annat finns det vissa fördelar och nackdelar med att använda omedelbara artiklar på din website.
Proffs med att använda Facebook Instant Articles
- Snabbare laddningstid innebär en betydande förbättring av användarupplevelsen.
- På grund av hastigheten är användarna mer benägna att dela ditt content.
- Tillgång till alternativ för intäktsgenerering genom Facebook Audience Network.
- Ökad räckvidd för Facebook Page.
- Facebooks massiva användarbas kan ge en new våg av trafik till din site.
Nackdelar med att använda Facebook Instant Articles
- Användare kommer ej att se hela din WordPress website layout inklusive sidebars. Det kommer att dölja dina användbara widgetar, formulär för email list och allt annat som inte är en del av artikeln.
- Du kan se en minskning av annonsintäkterna, eftersom Facebook Instant Articles limit annonsörerna och antalet annonser som du kan visa på en artikel.
- You can use some images and videos in your article, but Facebook instant articles will limit that as well.
- De flesta shortcodes, custom fields och andra funktioner i WordPress-bloggar kommer ej att visas i dina artiklar.
Med tanke på för- och nackdelarna med att använda Facebook Instant Articles är det en blandad kompott för publicister. Det beror faktiskt på vilken typ av content you producerar och dina affärsmål.
Om du är en nyhetsmediewebbplats är det vettigt för dig att lägga till den. Om du är en företagswebbplats kanske det ej är en stor skillnad.
Vad behöver du för att aktivera Facebook Instant Articles i WordPress?
Det finns några obligatoriska krav för att konfigurera Facebook Instant Articles på din WordPress site. You need a:
- Facebook page för din WordPress website.
- Minst 10 eller fler artiklar på din website.
- Instant Articles for WP plugin (Vi kommer att visa dig hur du ställer in det senare i den här artikeln).
Med det sagt, låt oss komma igång genom att ansöka om Facebook Instant Articles.
Anmäla dig till Facebook Instant Articles
Först måste du besöka Facebook Instant Articles website och klicka på knappen ”Starta intjäning” för att komma igång.
Logga sedan in på ditt Facebook-konto eller skapa ett nytt om du inte har ett konto.
När du har loggat in ser du Creator Studio. Facebook kommer nu att be dig att välja en page under tabben ”Monetization”.
Gå vidare och välj din Facebook Page för din website och klicka på knappen ”Set Up”.
Efter det måste du completed setup tasks och submit your page for review.
Först måste du godkänna Terms and Conditions.
Därefter klickar du på knappen ”Begin” för att Add to 10 production articles for review.
När du klickar på knappen visas fler alternativ.
You need to prove the ownership of your website by claiming your URL. Gå vidare och klicka på knappen ”Claim” framför alternativet Claim domain.
Facebook kommer att visa dig ett code snippet som du måste add till din WordPress website.
Du kan add to upp till 10 websites för Facebook Instant Articles.
You need to copy the code and insert it into the <head> section of your WordPress site.
Det finns två sätt som du kan add to denna kod till din website.
Du kan edit filen header.php i ditt barntema och klistra in koden precis före taggen <head>.
Men om du ej använder ett barntema kan du använda tillägget Insert Rubriker and Footers. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
När du har aktiverat pluginet går du till Settings ” Insert Rubriker and Footers page från WordPress dashboard och klistrar in koden i header-sektionen.
Klicka på knappen Save för att spara dina ändringar.
När du har addat koden till din website måste du gå tillbaka till tabben Creator Studio och clicka på knappen ”Claim URL”.
Ett popup-fönster kommer nu att visas.
Du behöver bara enter din domän och clicka på knappen ”Claim”. Om din site fortfarande är under utveckling kan du aktivera alternativet ”This is a development URL”.
Därefter kommer du att se din domän under fältet ”Approved domain URLs” när den har blivit approved.
Gå vidare och klicka på knappen ”Confirm”.
Nästa steg är att add to ett Instant Articles RSS-flöde för din website.
För att göra det, rulla ner till ”Add production articles” och klicka på knappen ”Add”.
På nästa vy ser du en dropdown-meny där du kan selecta hur du gillar att lägga till artiklar i produktionen.
Gå vidare och klicka på dropdown-menyn ”Add articles” och välj alternativet ”Add with RSS-flöde”.
Ett popup-fönster kommer nu att visas med information om produktionens RSS-flöde.
Här måste du enter URL:en till RSS-flödet.
För att skapa en RSS-flöde URL, kan du head tillbaka till din WordPress webbplats dashpanel och generera en Instant Article feed.
Först installerar och aktiverar du pluginet Instant Articles for WP. Om du behöver hjälp kan du vänligen läsa vår guide om hur du installerar ett plugin för WordPress.
Efter aktivering kan du heada till Instant Articles från din WordPress adminpanel och enter din Facebook Page ID:n. Du hittar ID:n för sidan i Claim domain section i Creator Studio.
När du har enter ID:n för page, glöm inte att save settings.
Tillägget kommer att generera en omedelbar artiklar feed för din WordPress webbplats.
Du kan hitta feeden genom att lägga till /feed/instant-articles efter din webbplats URL, gillar detta:
https://www.example.com/feed/instant-articles
Kopiera din omedelbara artiklar feed URL och växla tillbaka till din Facebook Creator Studio tabs. Därefter anger du URL:en för RSS-flödet och klickar på knappen ”Save”.
Facebook visar dig ett success message om att ditt feed har lagts till.
Ställ in Styling och Branding för dina Instant Articles
Därefter kan du editera stilen på dina Facebook Instant Articles.
Gå bara till alternativet ”Configure article styles” under Add 10 production articles for review och klicka på knappen ”Configure”.
Efter det kan du ändra utseendet på dina artiklar.
Gå vidare och klicka på knappen ”Add style”.
Detta kommer att öppna en popup där du kan customize standardstilen för Instant Articles.
Det finns alternativ för att uploada din website logga och edit stilen på din Rubrik, brödtext, byline, underrubrik, med mera.
Det bästa är att du kan se en live preview av den ändring du gjort i fönstret till höger.
När du har gjort ändringarna, glöm inte att klicka på Save och sedan på Done.
Submit Your Instant Articles Feed for Review
Innan du skickar in ditt Instant Articles-feed för review måste du se till att du har minst 10 artiklar i ditt Instant Articles-feed.
Om du redan har publicerat mer än 10 artiklar på din website, men feeden inte visar alltihop, måste du editera dina senaste 10 artiklar och helt enkelt click på knappen update.
När du är säker på att du har 10 artiklar i ditt Instant Articles feed, är du nu redo att submit dem till Facebook för review.
Om det inte finns några error med ditt Instant Articles feed och du har completed all the obligatorisk tasks, then you will see a ”Submit for review” button. Gå vidare och klicka på den här knappen för att skicka ditt feed för review.
Det är all, Instant Articles blir tillgängliga för din webbplats när Facebook-teamet har granskat och godkänt ditt feed.
Bonus: Track Facebook Instant Articles i Google Analytics
Nu när du utan problem har konfigurerat Facebook Instant Articles i WordPress bör du också se hur de utförs.
Genom att tracka deras prestanda i Google Analytics kan du se vilka artiklar som får mest trafik och hur användare interagerar med ditt content.
Det enklaste sättet att spåra Facebook Instant Articles är genom MonsterInsights. Det är den bästa Analytics-lösningen för WordPress och låter dig konfigurera Google Analytics utan att editera kod.
Observera att du behöver MonsterInsights Pro-versionen eftersom den innehåller Facebook Instant Articles addon och andra avancerade tracking-funktioner. Det finns också en MonsterInsights Lite-version som du kan använda gratis.
Först installerar och aktiverar du pluginet MonsterInsights. För mer detaljer, vänligen se vår guide om hur man installerar ett plugin för WordPress.
När du aktiverat MonsterInsights kommer du att se välkomstvyn i din WordPress dashboard. Gå vidare och klicka på knappen ”Launch the Wizard” för att ansluta din WordPress-webbplats till Google Analytics.
Du kan följa vår steg-för-steg guide om hur du installerar Google Analytics i WordPress för mer information.
Efter det, heada över till Insights ” Addons från din WordPress dashboard och navigera till ”Facebook Instant Article” addon.
Klicka sedan på knappen ”Install” så aktiveras addon automatiskt.
Det är allt, det finns inget behov av att konfigurera ytterligare. MonsterInsights kommer nu att börja spåra dina Facebook Instant Articles i Google Analytics.
Tips för felsökning av Facebook Instant Articles
Facebook kräver att din Instant Articles feed matchar de specifikationer som beskrivs på deras utvecklares website. Instant Articles for WP plugin hanterar den delen åt you.
Beroende på vilket tema eller tillägg du använder på din site kan du dock se vissa error eller varningar. Ett enklare sätt att troubleshoota dessa error är genom att edit ett inlägg och rulla ner till metarutan Facebook Instant Articles under post editor.
De flesta av felen orsakas av tillägg eller teman som lägger till content i dina posts som inte stöds av omvandlingsregler som används av Instant Articles for WP plugin.
Du kan skapa dina egna custom transformer-regler. Se pluginets dokumentation för att lära dig hur du lägger till dina customize omvandlarregler.
Vi tror dock att det skulle vara svårt för de flesta Beginnare att göra det på egen hand, så du kan behöva en utvecklare. Du kan försöka konfigurera dina andra tillägg och themes och hindra dem från att lägga till content block i dina posts.
Felaktiga URL:er
Om du kontinuerligt får ett Empty Feed error när du skickar in ditt Instant Articles-flöde, kontrollera sedan URL: en du försöker lägga till.
http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles
Det här är två olika URL:er och beroende på hur din WordPress är konfigurerad kan det resultera i ett 404 error om du enter den felaktiga URL:en.
Om du fortfarande ser det tomma feed error, försök då updating de senaste tio posterna på din site. Detta kommer att ändra deras tid som ändrats och kommer att add dem till feeden.
Vi hoppas att den här artikeln hjälpte dig att konfigurera Facebook Instant Articles för WordPress. Du kanske också vill se vår lista med 40 användbara tools för att hantera och utveckla din blogg i WordPress och hur du startar en store online.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
tengkuputeh
how to install instant articles for wordpress.com not self-hosting?
Eduardo Pimentel
Hi!
First of all, thanks for this article!
But, I’m with a problem when you say:
Simply install and activate the Instant Articles for WP plugin. Upon activation, the plugin will generate an instant articles feed for your WordPress site.
In my case, my RSS url doesn’t work:
Do you know why?
Thanks a lot, dude!
WPBeginner Support
Hey Eduardo,
Try updating your permalink structure. Simply visit Settings » Permalinks and then click on the save changes button without changing anything.
Administratör
Lori
I did that and one more thing…
I went to my Facebook Page > Publishing Tools > Published Posts at the top of the sidebar.
From there, I located my most recently shared blog post and clicked on it to open the Post Details box.
Then under the little down arrow that is your normal edit button on a post, I clicked on ’Refresh Share Attachment’
That was the thing that made it all work.
vimesh
i have a problem with facebook page selection process in wordpress
Dexx
Hi Admin. Thanks for nice step-by-step tutorial. I just want to ask, how to add related articles at the bottom of instant articles. it is automatically show only for visitor or need some code to make them appear?. Thanks.
Izzat
Thanks for this great post. I followed your steps and i managed to set it up on my fb page. But I have a problem.
I have customize the styles in with facebook style editor and everything was okay when I review it with fb pages apps. But the problem is, when i share the articles, the published post used ’default’ style instead of the other one. Please help me.
Pallav Juneja
In my WordPress account under every post its written that your article is being submitted with 0 warning but at facebook publishing tools I still can’t press the submit button it says
We have automatically detected one or more common errors that need to be fixed before you can submit for review.
Missing Logo
All articles must include a logo, which you can upload in the Style Editor.
Examples
and list of my posts
Hope You Could Help me out
Eduardo
Fantastic Article. Could not have made without you. Thank you.
sitepu
why my images not loading on my instant article ?
please help me
Marv
No matter what changes I make, I cannot submit articles.There has to be a better plugin than this one. It;s always buggy or not compatible with ”this version of WordPress” I got it right the first time with a client;s site, but after I cannot publish any other new articles. Tried to set up my site, I can’t submit articles at all.
My head hurts.
Marv
I am replying to my own comment (weird) because I fixed the problem I was facing. Missing logo. My articles were fine, but no matter how many style editors I created, I couldn’t fix the ’missing logo’ error. What I did was go back to the ’default’ or ’preset’ style editor and customized it. Voila! Articles were submitted. Problem solve. I am still looking into it though. Maybe it’s me, but I find this plugin a wee bit buggy
Pallav Juneja
can you tell me in detail i am facing same issue
Nis
Hi, I am running multiple lingual website. I want to run the instant article both of the above domains. How is it possible? Do I need to merge two rss feeds. Need your suggestion.
G. P. Gautam
Hello, WB Team.
Great and detailed guide on Facebook InstantArticle.
Sir, I am also using this tool for my website. My posts have been submitted to InstantArticle with some errors. I fixed some of those. But, I can’t find solution for this,
”no rules defined for in the context of InstantArticle”.
Sir how to fix this problem. Please help me.
habelse
Hi, very helful guide but my blog begins with https not http. after i insert the code given by facebook in header, i could be claimed the url but when i tried tu insert the url begin with http it’s fine
i accessed my url http://example.com/feed/instant-articles but it said that the url was not found because my blog automatically direct http to https
how to solve this, thanks
Chhunleang Say
my URL for Rss Feed is 404 Not Found How to fix???
Rob Nugen
What is the URL of your Instant Articles RSS feed?
Prashant
All the links that I share are being converted into instant articles. I want only selective articles to be published as instant articles. I use affilate links in some posts which dont wirk in instant articles. Please help!
rohit mahadev
Next, log into your Facebook account
Log in with Facebook to finish connecting the Instant Articles Plugin to your account.
Login with Facebook
after This, it is not logging in just it reloads nothing happens
sir can You Guide me Please regarding this problem
Ryan Hanley
This is by far the most useful resource I’ve found for adding FB Instant Articles.
One question, do you have a tutorial for excluding certain post categories from your Instant Articles feed?
Thanks!
Geri
HI. I’m using wordpress.com. How do I setup FB instant articles?
WPBeginner Support
Hi Geri, please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Administratör
Sumair Mangi
on this step ”The plugin’s settings page will now show you a login with Facebook button.” when i click on login with facebook the page reloads and nothing happens please help me asap
kalibbala
hello team,
great material, thks. I hv created everythg and it all seems well however on the post page this error:
*This post will not be submitted to Instant Articles due to a rule created in your site.*
How can i go over this thks.
Princewill Ejiogu
hi thanks for this article but the instant article cant recognize short code because i use it to embed my videos is there a way around this pls
Ejiogu Princewill
hi i have done all the processes but i keep getting this error at the final stage : Permissions error pls how can i fix this
Ashwin
You can check what causes this issue if you look at Instant Articles settings on Facebook. For me, the page logo was missing. Once I uploaded that, the Permissions Error went away.
Garland Smith
I’ve just been approved for Facebook Instant Articles. I’m using the ”Instant Articles for FB” Plugin to publish my Instant Articles. I just published blog Post and it shows up as Live in Instant Articles. How do I get the Instant Articles link? I don’t see it anywhere and I don’t have any idea how to access it. Any help you can provide would be appreciated.
Thank you,
Garland Smith
ilayaraja
i like instant article which is more similar to GOOGLE AMP pages.
Henry
Mine does not move beyond the facebook login ..what do i do
Dipak Kumar
You just saved my day. Indeed a great help. Thank you so much.
Sampsa Daavitsainen
Hi and thanks for the post. I keep on getting doubles to my production feed? Any idea how to prevent this?
Sampsa Daavitsainen
Aaand I just figured it out. It was due to the URL-structure change we did for the site. A lot of work deleting the duplicates after…. Take notice
Jahir Avdyli
Hi there! I have some problems with this plugin. How can I log out the app form this plugin because this plugin can’t connect with facebook anymore. When I first installed it, I couldn’t select my fb page because it wasn’t showing them at all so it just redirected to the first step. I tried deactivating, deleting the plugin and I installed it again but it is stuck again at that that state. I also tried deleting the app, but it just doesn’t work! Anybody had these problems?
Cheing
I have the same issue, do you solve your problem yet?
Hannachi
Great tutorial, i want to ask you how can i fix Facebook comments and related articles in instants articles. Thank you for your feed back
Lyssie
Thanks for this article! It was super helpful with the step by step instructions. I’m about halfway through and the plugin won’t show the settings page in wordpress. When I click Instant Articles on the left sidebar, it’s just a blank screen. When I try other ways to get to the settings page, it remains a blank screen. It says it’s compatible with WP 4.6.1 which is what I have…any ideas why I can’t get to the settings page in WP?
Shivankar wadhwa
I had created an app Id using different email id now As he is not there so I want to transfer all things through my id…I have created a new app Id but m getting an error to submit the articles as ”articles cannot created using this page please create and update it from the original page’
Please help me on this
Amit Bajaj
Hi
Thats one helluva post…Thanks a ton for doing this one. However, I am facing one issue – I have added the fb tag to my site’s header, but under tools, it is just not allowing me to add my URL (that part remains non-highlighted). What could be going wrong?
aravindan
I have installed the instant articles plugin in my blog. but when I try to open the instant article rss feed link I am getting an error message ”ERROR: This is not a valid feed template.”. Any suggestions on what I have done wrong?
Karan
Hello Team,
Thank you for the detailed guide on FB instant article. Everything is fine but I would like to ask one question:
We all know this renders the page and boost loading speed by making some adjustments in the site design and structure, like you mentioned in the cons.
So I just want to know will it render the articles for people visiting from FB only or for everyone visiting my site via an source (organic or direct)?
Thank You,
Karan
Angela Tempest
Hi thanks for this helpful guide. I think I have followed the instructions but when I try to Login to Facebook from the Wordpress plugin I get the following messaege:
Can’t Load URL: The domain of this URL isn’t included in the app’s domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.
Any idea what I have done wrong?
WPBeginner Support
Please check your app settings and URL field. It should match your WordPress site’s domain.
Administratör
Calvin Courter
I had the same issue. Here is what worked. Add the URL with and without the ”www.” to the App Domains in the App settings in facebook developer.
Bani Naveen
Why my url not claiming. it shows this kind error
”The fb:pages tag on the url doesn’t contain this page’s id. The url has fb:pages tag but they don’t have this page’s id. Please work with your developers / webmaster to add this tag to your website.”
swarna shanmugalingam
Thankyou for being helpful.
Thomas Hubert
Hey ! I’m having issues with my photos on Instant Articles. They are pixelised. However, they have a high resolution on my wordpress and look good on my website. What am I supposed to do ?
Mauricio
Hi, about using AMP and Instant Articles in the same time, any problem?? They can be used together without problems, especially in SEO??
Richard Brown
Great article. But I am stuck. The feed seems to work fine but no articles ever get submitted.
They all say: This post was not yet submitted to Instant Articles.
I am really stuck and need help.
UNKOWN
Try update one of your articles, and the Facebook should receive a update about that!
Cheers
anah
Hi!
Great article, but I’ve got a doubt. Doing that will decrease the pageviews on my website? Or everytime someone sees the article will count as a pageview on google analytics?
thanks
Beshir
What about free wordpress blogs? Any chance for this miracle?
WPBeginner Support
Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Administratör
Mantas Rubsta
Really helpful article, thanks a lot.
zion
i have done everything but my production article and development article are showing blank.
Bob
This primer is great….but stops right where I needed help. Is there a follow up on how to set up Facebook ads on these Instant Stories?
WPBeginner Support
We will try to cover that soon.
Administratör
Michael
Any chance you can also cover a bit of more advanced features? I set this up and it works well, but I would like it to automatically set up images for Facebook likes and comments. I believe this can be done with the Transform options somehow. I would also like it to pull in related posts, which it seems to skip.
WPBeginner Support
Our audience is mostly beginner level WordPress users so we tried to keep it as simple as possible. We will try to cover the topics you mentioned in separate articles soon.
Arpan Shah
Hi BoB,
You can setup from Audience network from tool section in setting and follow the setups. I have written detailed guide on this and it quite simple.
Jamie
Thanks so much for this.
I was wondering, once you have IA set up – if you post a link to a blog post in Facebook, do you need to use a specific IA link? Or does FB automatically detect that there’s an IA version of the link?
WPBeginner Support
Yes.
Administratör
puregrey
Is that a ”yes you have to use a custom link” or ”yes Facebook will automatically detect there is an Instant Articles version to serve”? For example I use Edgar and have hundreds of posts cycling through, so once I have Instant Articles setup do I need to adjust those links or will they post the same way and Facebook itself simply decides what version to serve? Also, will users on desktop see the Instant Articles version or will they still be taken to the full website page? Lastly, to Instant Article views count as page views on your website or are they essentially served from a cached version on Facebook’s servers?
Thanks, great tutorial as usual.
Adrienne
Thank you!! I started it but it’s so detailed that I stopped in the middle of it!
hector
Wpbeginner delivers once again with a great guide!
WPBeginner Support
Glad you find it helpful
Administratör
ConnieM
Maybe you write some information about other ways of sharing Wordpress-content with FB?
Like Facebook Autopublish for example?
that would be of great value… I use this plugin and it works well
Angelica Costa
How do I disable it? Facebook won’t tell and I have searched everywhere.
They started showing on my FB page even though only 1 step of the process was done.
I need people to go to my website and it’s causing a huge mess when there are giveaways on my blog.
WPBeginner Support
You can undo the steps you have taken. For example, remove the feed from Production RSS in publishing tools of your facebook page. Remove URLs from Claim Your URL. Remove Meta tag you added into header. Delete the App you create for your page.
Administratör