Você já ouviu falar sobre o Facebook Instant Articles e deseja adicioná-lo ao seu site WordPress?
Os Instant Articles são excelentes para fornecer conteúdo rapidamente aos usuários do Facebook. Eles carregam 10 vezes mais rápido e usam um formato móvel. Isso ajuda a proporcionar uma experiência excepcional ao usuário e aumenta o número de seguidores.
Neste artigo, mostraremos a você como configurar facilmente o Facebook Instant Articles para WordPress.
O que são os artigos instantâneos do Facebook?
O Instant Articles é um recurso do Facebook que permite que você carregue seu conteúdo 10 vezes mais rápido usando um formato móvel personalizado. Ele se baseia na mesma tecnologia usada nos aplicativos do Facebook para dispositivos móveis.
Os Instant Articles carregam até 10 vezes mais rápido do que uma página da Web normal. Esse incrível aumento na velocidade proporciona uma melhor experiência de usuário para usuários móveis.
Muitos sites de mídia populares, como BuzzFeed, TechCrunch, Mashable e inúmeros outros, estão usando-o em seus sites. Você pode identificar facilmente artigos instantâneos em seu feed do Facebook pelo ícone do raio.
Prós e contras dos artigos instantâneos do Facebook
Como tudo o mais, há algumas vantagens e desvantagens no uso de artigos instantâneos em seu site.
Prós de usar o Facebook Instant Articles
- Um tempo de carregamento mais rápido significa uma melhoria significativa na experiência do usuário.
- Devido à velocidade, é mais provável que os usuários compartilhem seu conteúdo.
- Acesso a opções de monetização por meio do Facebook Audience Network.
- Aumento do alcance da página do Facebook.
- A enorme base de usuários do Facebook pode trazer uma nova onda de tráfego para o seu site.
Contras de usar o Facebook Instant Articles
- Os usuários não verão o layout completo do seu site WordPress, incluindo as barras laterais. Ele ocultará seus widgets úteis, formulários de lista de e-mail e tudo o mais que não fizer parte do artigo.
- Você poderá ver uma queda na receita de publicidade, pois os artigos instantâneos do Facebook limitam os anunciantes e o número de anúncios que podem ser exibidos em um artigo.
- Você pode usar algumas imagens e vídeos em seu artigo, mas os artigos instantâneos do Facebook também limitarão isso.
- A maioria dos códigos de acesso, campos personalizados e outros recursos de blog do WordPress não serão exibidos em seus artigos.
Considerando os prós e os contras de usar o Facebook Instant Articles, é uma mistura para os editores. Na verdade, depende do tipo de conteúdo que você produz e de seus objetivos comerciais.
Se você é um site de mídia de notícias, faz sentido adicioná-lo. Se você for um site de negócios, talvez isso não faça muita diferença.
O que você precisa para habilitar o Facebook Instant Articles no WordPress?
Há alguns requisitos para configurar o Facebook Instant Articles em seu site WordPress. Você precisa de um:
- Página do Facebook para seu site WordPress.
- Pelo menos 10 ou mais artigos em seu site.
- Plug-in Instant Articles for WP (mostraremos como configurá-lo mais adiante neste artigo).
Dito isso, vamos começar a nos inscrever no Facebook Instant Articles.
Como se inscrever no Facebook Instant Articles
Primeiro, você precisa acessar o site do Facebook Instant Articles e clicar no botão “Start earning” (Comece a ganhar) para começar.
Em seguida, faça login na sua conta do Facebook ou crie uma nova conta se não tiver uma.
Depois de fazer login, você verá o Creator Studio. O Facebook solicitará que você selecione uma página na guia “Monetização”.
Vá em frente e selecione a página do Facebook para seu site e clique no botão “Set Up” (Configurar).
Depois disso, você precisará concluir as tarefas de configuração e enviar sua página para análise.
Primeiro, você precisará concordar com os termos e condições.
Em seguida, clique no botão “Begin” (Iniciar) para adicionar 10 artigos de produção para revisão.
Quando você clicar no botão, serão exibidas mais opções.
Você precisa comprovar a propriedade do seu site reivindicando o URL. Vá em frente e clique no botão “Claim” (Reivindicar) na frente da opção “Claim domain” (Reivindicar domínio).
O Facebook mostrará um trecho de código que você precisará adicionar ao seu site do WordPress.
Você pode adicionar até 10 sites para o Facebook Instant Articles.
Você precisa copiar o código e inseri-lo na seção <head> do seu site WordPress.
Há duas maneiras de adicionar esse código ao seu site.
Você pode editar o arquivo header.php em seu tema filho e colar o código logo antes da tag <head>.
No entanto, se você não estiver usando um tema filho, poderá usar o plug-in Insert Headers and Footers (Inserir cabeçalhos e rodapés ). Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Depois de ativar o plug-in, vá para a página Configurações ” Inserir cabeçalhos e rodapés no painel do WordPress e cole o código na seção de cabeçalho.
Clique no botão Save (Salvar) para armazenar suas alterações.
Depois de adicionar o código ao seu site, você precisa voltar para a guia Creator Studio e clicar no botão “Claim URL” (Reivindicar URL).
Uma janela pop-up será exibida.
Basta inserir seu domínio e clicar no botão “Claim” (Reivindicar). Se o seu site ainda estiver em desenvolvimento, você poderá ativar a opção “This is a development URL”.
Em seguida, você verá seu domínio no campo “Approved domain URLs” (URLs de domínio aprovados) quando ele for aprovado.
Clique no botão “Confirmar”.
A próxima etapa é adicionar um feed RSS do Instant Articles para seu site.
Para fazer isso, role para baixo até “Adicionar artigos de produção” e clique no botão “Adicionar”.
Na próxima tela, você verá um menu suspenso no qual poderá selecionar como deseja adicionar artigos de produção.
Clique no menu suspenso “Adicionar artigos” e selecione a opção “Adicionar com feed RSS”.
Uma janela pop-up será exibida com as informações do feed RSS de produção.
Aqui, você precisará inserir o URL do feed RSS.
Para criar um URL de feed RSS, você pode voltar ao painel do site do WordPress e gerar um feed do Instant Article.
Primeiro, instale e ative o plug-in Instant Articles for WP. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a ativação, você pode acessar o Instant Articles no painel de administração do WordPress e inserir o ID da página do Facebook. Você pode encontrar o ID da página na seção Reivindicar domínio no Creator Studio.
Depois de inserir o ID da página, não se esqueça de salvar as configurações.
O plug-in gerará um feed de artigos instantâneo para seu site WordPress.
Você pode encontrar o feed adicionando /feed/instant-articles após o URL do seu site, desta forma:
https://www.example.com/feed/instant-articles
Copie o URL do feed de artigos instantâneos e volte para a guia Facebook Creator Studio. Em seguida, insira o URL do feed RSS e clique no botão “Save” (Salvar).
O Facebook mostrará uma mensagem de sucesso informando que seu feed foi adicionado.
Configurar estilo e marca para seus artigos do Instant
Em seguida, você pode editar o estilo de seus Facebook Instant Articles.
Basta acessar a opção “Configurar estilos de artigo” em Adicionar 10 artigos de produção para revisão e clicar no botão “Configurar”.
Depois disso, você pode alterar a aparência de seus artigos.
Clique no botão “Add style” (Adicionar estilo).
Isso abrirá uma janela pop-up na qual você poderá personalizar o estilo padrão do Instant Articles.
Há opções para carregar o logotipo do seu site e editar o estilo do título, do corpo do texto, do cabeçalho, do subtítulo e muito mais.
A melhor parte é que você pode ver uma visualização ao vivo da alteração feita na janela à sua direita.
Depois de fazer as alterações, não se esqueça de clicar em Save (Salvar) e, em seguida, em Done (Concluído).
Envie seu feed do Instant Articles para análise
Antes de enviar seu feed do Instant Articles para análise, você precisa ter certeza de que possui pelo menos 10 artigos em seu feed do Instant Articles.
Se você já tiver publicado mais de 10 artigos em seu site, mas o feed não estiver mostrando todos eles, será necessário editar os últimos 10 artigos e simplesmente clicar no botão de atualização.
Quando tiver certeza de que possui 10 artigos em seu feed do Instant Articles, você estará pronto para enviá-los ao Facebook para análise.
Se não houver erros no seu feed do Instant Articles e você tiver concluído todas as tarefas necessárias, verá o botão “Submit for review” (Enviar para análise). Clique nesse botão para enviar seu feed para análise.
Isso é tudo, os Instant Articles ficarão disponíveis para o seu site assim que a equipe do Facebook analisar e aprovar o seu feed.
Bônus: rastreie o Facebook Instant Articles no Google Analytics
Agora que você configurou com êxito o Facebook Instant Articles no WordPress, também deve ver o desempenho deles.
Ao acompanhar o desempenho deles no Google Analytics, você pode ver quais artigos recebem mais tráfego e como os usuários interagem com seu conteúdo.
A maneira mais fácil de rastrear o Facebook Instant Articles é por meio do MonsterInsights. Ele é a melhor solução de análise para WordPress e permite que você configure o Google Analytics sem editar o código.
Observe que você precisará da versão Pro do MonsterInsights porque ela inclui o complemento Facebook Instant Articles e outros recursos avançados de rastreamento. Há também uma versão MonsterInsights Lite que você pode usar gratuitamente.
Primeiro, instale e ative o plug-in MonsterInsights. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a ativação, você verá a tela de boas-vindas do MonsterInsights no painel do WordPress. Vá em frente e clique no botão “Launch the Wizard” (Iniciar o assistente) para conectar seu site WordPress ao Google Analytics.
Você pode seguir nosso guia passo a passo sobre como instalar o Google Analytics no WordPress para obter mais informações.
Depois disso, vá para Insights ” Addons no painel do WordPress e navegue até o addon “Facebook Instant Article”.
Em seguida, clique no botão “Install” (Instalar) e o complemento será ativado automaticamente.
Isso é tudo, não há necessidade de configuração adicional. O MonsterInsights agora começará a rastrear seus artigos do Facebook Instant Articles no Google Analytics.
Dicas de solução de problemas do Facebook Instant Articles
O Facebook exige que seu feed do Instant Articles corresponda às especificações descritas no site do desenvolvedor. O plug-in Instant Articles for WP cuida dessa parte para você.
No entanto, dependendo do tema ou dos plug-ins que estiver usando em seu site, você poderá ver alguns erros ou avisos. Uma maneira mais fácil de solucionar esses erros é editar uma postagem e rolar para baixo até a meta caixa do Facebook Instant Articles abaixo do editor de postagens.
A maioria dos erros é causada por plug-ins ou temas que adicionam conteúdo em suas postagens que não são compatíveis com as regras de transformação usadas pelo plug-in Instant Articles for WP.
Você pode criar suas próprias regras de transformação personalizadas. Consulte a documentação do plug-in para saber como adicionar suas regras de transformação personalizadas.
No entanto, acreditamos que seria difícil para a maioria dos iniciantes fazer isso por conta própria, portanto, talvez você precise de um desenvolvedor. Você pode tentar configurar seus outros plug-ins e temas e impedi-los de adicionar blocos de conteúdo às suas postagens.
URLs incorretos
Se você estiver recebendo continuamente um erro de feed vazio ao enviar seu feed do Instant Articles, verifique o URL que está tentando adicionar.
http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles
Esses são dois URLs diferentes e, dependendo da configuração do WordPress, inserir o URL incorreto pode resultar em um erro 404.
Se ainda estiver vendo o erro de feed vazio, tente atualizar as últimas dez publicações do seu site. Isso alterará o tempo modificado e os adicionará ao feed.
Esperamos que este artigo tenha ajudado você a configurar o Facebook Instant Articles para WordPress. Talvez você também queira ver nossa lista de 40 ferramentas úteis para gerenciar e expandir seu blog do WordPress e como iniciar uma loja on-line.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jay
Plz update this article, I am phasing more problems to connect feed url.
WPBeginner Support
We will be sure to look into updating this article when we are able.
Administrador
Ahmad
Now it also need page access token
WPBeginner Support
Thank you for letting us know about this update to Facebook’s requirements
Administrador
Derek
This says nothing about actually adding ads form the audience network though which is the hardest part.
WPBeginner Support
That topic would likely be best for a different article but thank you for the suggestion
Administrador
vicky
I have created a website recently. it’s just been 20 days. And also i have created a Facebook page 4 days ago. my website has around 13 posts and on facebook page i have published 2 posts.
So is it something like that my facebook page should be 90 days old so that my page can be eligible for Facebook instant.?
usman
for instant article which hosting plan i should purchase?
WPBeginner Support
You do not need a specific hosting plan for Facebook Instant articles, for this method you would just want to be sure your site is a WordPress.org site.
Administrador
Arize
So it’s just like Google AMP but a Facebook version of it. Right?
Naman Modi
This post really inspired for me . Therefore, try it especially if you want to increase traffic to your site. Take advantage of Facebook’s massive user-base to share your work.
Geet Rajput
The provided URL is not being accepted because the site has minimal readership, which violates the Instant Article Policies. Please provide a different URL.
this error show for my website. in my website 80+ article post. please tell me what to do.
Ernest
Im facing same problem here
naimesh
Get more traffic in your website and then try again
and make sure you put the metatag properly in header.php in your website.
Jithendar
One of my fb business page not appearing when applying to instant articles
gideon
please how can i use my existing Facebook page to register for Facebook instant articles?
Jilin
how to remove old website in instant article and add a new website
Rahat Hameed
please update your article
Alex
Most of the stuff is still accurate and applicable. You should have no problem following it. The only difference is that you no longer need to create a Facebook Developer App to do it. Essentially, Facebook made it easier.
Mathukutty P.V.
Thanks. I was looking in google about fb instant articles and also tweeted. But I dont think this will give more traffic to blog.
Suraj
Hiiii;
thanks for such a good post i have successfully setup the instant article.But i am getting a problem that my posts don’t show images on instant article and some post don’t show ads.
can you please help me..
Elisabeth
This is great, but it doesn’t tell us how to get the ads activated.
Milan
Hello, I have problem. When I try to activate Word press Instant Article plugin I see this: “No space left on device (28) in Unknown on line 0 Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/var/lib/php/session) in Unknown on line 0” ?
Vinayak Kejriwal
How to solve this error while claiming the URL in Step 4 :
“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.”
Rohit
thanks for this tutorial…
i am facing problem in claiming my url
whenever i try to claim my url, it shows something like this.
“We tried going to your page and checking the page tags present, but there was a failure.”
please tell me what to do now.
Dameh
Please help. It seems the Instant Article plugin for WP has been updated and I was unable to follow your tutorial to set up the Plugin on my Wordpress dashboard as the setting page looks totally diferent from what you showed on your images.
Yatin
Same is happening with me.. in first page of plugin..it is asking me for page id
Placement id.
Ad size and lots more things..
and when along with this error when i am entering that feed url then in result that url is showing full coding in result..
plz help me out
Elie
Hello,
thank you for your tutorials
when installing the plugin, it gives me this error!
Installation failed: Could not copy file. fb-instant-articles/vendor/facebook/facebook-instant-articles-sdk-php/src/Facebook/InstantArticles/Transformer/Warnings/NoRootInstantArticleFoundWarning.php
WPBeginner Support
Hi Elie,
Please see our WordPress troubleshooting guide or try plugin’s support forum.
Administrador
Rahat Hameed
Please Update the Article
Saurav
what is my app domain
in settings under the dashboard tab?
david
greetings… WPBEGINNER SUPPORT, i appreciate this post.. very educative.
i was able to submit for review following your steps.
please i need help on the instant article plugin for wp, i could not submit for review, when ever i try submitting, i always get ” Permission Error”.
i wish to know if that will also be needed after the review from facebook team? Thank you very much……….. you are so kind.
Kumar Sarthak
In the Wordpress instant article plugin, i am facing a error while logging into facebook. “ERROR – Facebook SDK returned an error: Couldn’t resolve host ‘graph.facebook.com”
and when it is directed to facebook, this is the messga i get, “Submit for Login Review
Some of the permissions below have not been approved for use by Facebook.
Submit for review now or learn more”
Please help me.
Mzainal
Can we add images in the instant article?
Pankaj Pandey
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.
I am getting this error continously and unable to claim the website. plz help
Giuseppe
Hi, I use an advertising script I have inserted in the dedicated section of the wordpress plugin code . The posts that are published show instead of advertising a blank, why?
Thank a lot for your support
Best regards
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.
Administrador
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.
Administrador
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.