Vous avez entendu parler des Instant Articles de Facebook et vous souhaitez les ajouter à votre site WordPress ?
Les Instant Articles sont excellents pour diffuser rapidement du contenu aux utilisateurs/utilisatrices de Facebook. Ils se chargent 10 fois plus vite et utilisent un format mobile. Cela aide à offrir une expérience utilisateur exceptionnelle et à augmenter le nombre de vos abonnés.
Dans cet article, nous allons vous afficher comment configurer facilement Facebook Instant Articles pour WordPress.
Qu’est-ce que les Instant Articles de Facebook ?
Instant Articles est une fonctionnalité de Facebook qui vous permet de charger votre contenu 10 fois plus vite en utilisant un format mobile personnalisé. Elle repose sur la même technologie que celle utilisée dans les apps Facebook pour les appareils mobiles.
Les Instant Articles se chargent jusqu’à 10 fois plus vite qu’une page web normale. Cet incroyable gain de vitesse offre une meilleure expérience utilisateur aux utilisateurs/utilisatrices mobiles.
De nombreux sites médiatiques populaires comme BuzzFeed, TechCrunch, Mashable et d’innombrables autres l’utilisent sur leurs sites. Vous pouvez facilement repérer les articles instantanés dans votre flux Facebook grâce à l’icône de l’éclair.
Les avantages et les inconvénients des Instant Articles de Facebook
Comme toute chose, l’utilisation d’articles instantanés sur votre site présente des avantages et des inconvénients.
Les avantages de l’utilisation des Instant Articles de Facebook
- Untemps de chargement plus rapide signifie une amélioration significative de l’expérience des utilisateurs/utilisatrices.
- Grâce à la rapidité, les utilisateurs/utilisatrices sont plus susceptibles de partager votre contenu.
- Accès à des options de monétisation grâce à Facebook Audience Network.
- Augmentation de la portée de la page Facebook.
- La base massive d’utilisateurs/utilisatrices de Facebook peut apporter une nouvelle vague de trafic à votre site.
Les inconvénients de l’utilisation des Instant Articles de Facebook
- Les utilisateurs/utilisatrices ne verront pas la mise en page complète de votre site WordPress, y compris les colonnes latérales. Il masquera vos widgets utiles, les formulaires de liste d’e-mail, et tout ce qui ne fait pas partie de l’article.
- Vous risquez de constater une Avancée des recettes publicitaires, car les articles instantanés de Facebook limitent les annonceurs et le nombre de publicités que vous pouvez afficher sur un article.
- Vous pouvez utiliser des images et des vidéos dans votre article, mais les articles instantanés de Facebook limitent également cette possibilité.
- La plupart des codes courts, champs personnalisés et autres fonctionnalités des blogs WordPress ne seront pas mis en avant dans vos articles.
Si l’on considère les avantages et les inconvénients de l’utilisation d’Instant Articles de Facebook, c’est un mix bag pour les éditeurs. Cela dépend en fait du type de contenu que vous produisez et de vos objectifs commerciaux.
Si vous êtes un site de médias d’information, il est logique que vous l’ajoutiez. Si vous êtes un site commercial, cela ne fera peut-être pas une grande différence.
De quoi avez-vous besoin pour activer les Instant Articles de Facebook dans WordPress ?
Quelques prérequis sont nécessaires pour configurer Facebook Instant Articles sur votre site WordPress. Vous avez besoin d’un :
- Page Facebook pour votre site WordPress.
- Au moins 10 articles ou plus sur votre site.
- Le plugin Instant Articles pour WP (Nous vous afficherons comment le définir ultérieurement dans cet article).
Ceci étant dit, Premiers pas en postulant pour les Instant Articles de Facebook.
S’inscrire à Instant Articles de Facebook
Premiers, vous devez vous rendre sur le site Facebook Instant Articles et cliquer sur le bouton » Commencer à gagner » pour démarrer.
Ensuite, connectez-vous à votre compte Facebook ou créez-en un nouveau si vous n’en avez pas.
Après vous être connecté, vous verrez apparaître le Creator Studio. Facebook vous demandera alors de sélectionner une page sous l’onglet » Monétisation « .
Sélectionnez la page Facebook de votre site et cliquez sur le bouton « Configurer ».
Ensuite, vous devrez terminer les tâches de configuration et envoyer votre page pour examen.
Tout d’abord, vous devez accepter les termes et conditions.
Cliquez ensuite sur le bouton « Commencer » pour ajouter 10 articles de production à examiner.
Lorsque vous cliquez sur le bouton, d’autres options apparaissent.
Vous devez prouver la propriété de votre site en réclamant votre URL. Cliquez sur le bouton « Réclamer » en face de l’option « Réclamer un domaine ».
Facebook vous affichera un extrait de code que vous devrez ajouter à votre site WordPress.
Vous pouvez ajouter jusqu’à 10 sites pour les Instant Articles de Facebook.
Vous devez copier le code et l’insérer dans la section <head> de votre site WordPress.
Vous pouvez ajouter ce code à votre site de deux manières.
Vous pouvez modifier le fichier header.php dans votre thème enfant et coller le code juste avant l’identifiant <head>.
Cependant, si vous n’utilisez pas de thème enfant, alors vous pouvez utiliser l’extension Insert Headers and Footers. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
Après avoir activé l’extension, accédez à la page Réglages » Insérer des en-têtes et des pieds de page du tableau de bord WordPress et collez le code dans la section de l’en-tête.
Cliquez sur le bouton Enregistrer pour stocker vos modifications.
Une fois le code ajouté à votre site, vous devez revenir à l’onglet Creator Studio et cliquer sur le bouton « Réclamer l’URL ».
Une fenêtre surgissante apparaît alors.
Il vous suffit de saisir/saisir votre domaine et de cliquer sur le bouton « Réclamer ». Si votre site est encore en cours de développeur/développeuse, vous pouvez activer l’option « Ceci est une URL de développement ».
Ensuite, vous verrez votre domaine dans le champ « URL de domaine approuvées » une fois qu’il aura été approuvé.
Cliquez sur le bouton « Confirmer ».
L’étape suivante consiste à ajouter un flux RSS Instant Articles pour votre site.
Pour ce faire, défilez vers le bas jusqu’à « Ajouter des articles de production » et cliquez simplement sur le bouton « Ajouter ».
Sur l’écran suivant, vous verrez un module déroulant dans lequel vous pourrez sélectionner la manière dont vous souhaitez ajouter des articles de production.
Cliquez sur le menu déroulant « Ajouter des articles » et sélectionnez l’option « Ajouter un flux RSS ».
Une fenêtre surgissante apparaît alors avec les informations relatives au flux RSS de production.
Vous devez saisir l’URL du flux RSS.
Pour créer une URL de flux RSS, vous pouvez retourner dans le tableau de bord de votre site WordPress et générer un flux Instant Articles.
Tout d’abord, installez et activez l’extension Instant Articles pour WP. Si vous avez besoin d’aide, veuillez consulter notre guide sur l’installation d’une extension WordPress.
Une fois activé, vous pouvez vous rendre sur Instant Articles à partir de votre panneau d’administration WordPress et saisir l’ID de votre page Facebook. Vous pouvez trouver l’ID de la page dans la section Claim domain dans Creator Studio.
Après avoir saisi l’ID de la page, n’oubliez pas d’enregistrer les réglages.
L’extension génère un flux d’articles instantané pour votre site WordPress.
Vous pouvez trouver le flux en ajoutant /feed/instant-articles après l’URL de votre site, comme ceci :
https://www.example.com/feed/instant-articles
Copiez l’URL de votre flux d’articles instantanés et revenez à votre onglet Facebook Creator Studio. Saisissez ensuite l’URL du flux RSS et cliquez sur le bouton « Enregistrer ».
Facebook vous affiche un message de réussite indiquant que votre flux est ajouté.
Configuration du style et de la marque de vos Instant Articles
Ensuite, vous pouvez modifier le style de vos Instant Articles Facebook.
Il vous suffit d’accéder à l’option « Configurer les styles d’articles » sous Ajouter 10 articles de production pour avis et de cliquer sur le bouton « Configurer ».
Ensuite, vous pouvez modifier l’apparence de vos articles.
Cliquez sur le bouton « Ajouter un style ».
Cela ouvrira une fenêtre surgissante dans laquelle vous pourrez personnaliser le style par défaut d’Instant Articles.
Des options permettent de téléverser le logo de votre site et de modifier le style de votre titre, du corps du texte, de la signature, du sous-titre, etc.
Le plus beau, c’est que vous pouvez voir un aperçu direct de la modification que vous avez apportée dans la fenêtre de droite.
Après avoir effectué les modifications, n’oubliez pas de cliquer sur Enregistrer, puis sur Terminé.
Envoyez votre flux Instant Articles pour Avis
Avant d’envoyer votre flux Instant Articles pour avis, vous devez vous assurer que vous avez au moins 10 articles dans votre flux Instant Articles.
Si vous avez déjà publié plus de 10 articles sur votre site, mais que le flux ne les affiche pas tous, vous devez modifier vos 10 derniers articles et cliquer simplement sur le bouton de mise à jour.
Une fois que vous êtes sûr d’avoir 10 articles dans votre flux Instant Articles, vous êtes maintenant prêt à les envoyer à Facebook pour avis.
S’il n’y a aucune erreur avec votre flux Instant Articles et que vous avez terminé toutes les tâches nécessaires, alors vous verrez un bouton » Envoyer pour examen « . Allez-y et cliquez sur ce bouton pour envoyer votre flux pour examen.
C’est tout, Instant Articles deviendra disponible pour votre site une fois que l’équipe de Facebook aura examiné et approuvé votre flux.
Bonus : suivre les Instant Articles de Facebook dans Google Analytics
Maintenant que vous avez bien configuré Facebook Instant Articles dans WordPress, vous devriez également voir comment ils se comportent.
En suivant leurs performances dans Google Analytics, vous pouvez voir quels articles reçoivent le plus de trafic et comment les utilisateurs/utilisatrices interagissent avec votre contenu.
La façon la plus simple de suivre les Instant Articles de Facebook est de passer par MonsterInsights. C’est la meilleure solution de Statistiques pour WordPress et vous permet de configurer Google Analytics sans modifier le code.
Notez que vous aurez besoin de la version MonsterInsights Pro car elle inclut le module Instant Articles de Facebook et d’autres fonctionnalités de suivi avancées. Il existe également une version MonsterInsights Lite que vous pouvez utiliser gratuitement.
Tout d’abord, installez et activez l’extension MonsterInsights. Pour plus de détails, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.
Une fois activé, vous verrez l’écran de bienvenue de MonsterInsights dans votre Tableau de bord WordPress. Cliquez sur le bouton « Lancer l’assistant » pour connecter votre site WordPress à Google Analytics.
Vous pouvez suivre notre guide pas à pas sur l’installation de Google Analytics dans WordPress pour en savoir plus.
Après cela, dirigez-vous vers Insights » Addons depuis votre tableau de bord WordPress et naviguez jusqu’au module » Facebook Instant Article « .
Cliquez ensuite sur le bouton « Installer » et le module s’activera automatiquement.
C’est tout, il n’y a pas besoin de configuration supplémentaire. MonsterInsights va maintenant commencer à suivre vos Instant Articles de Facebook dans Google Analytics.
Astuces de dépannage pour les Instant Articles de Facebook
Facebook nécessite que votre flux Instant Articles corresponde aux spécifications décrites sur leur site développeur/développeuse. L’extension Instant Articles pour WP s’occupe de cette partie pour vous.
Cependant, en fonction du thème ou des extensions que vous utilisez sur votre site, vous pourriez voir quelques erreurs ou avertissements. Un moyen plus facile de dépanner ces erreurs est de modifier un article et de défiler vers le bas jusqu’à la boîte de méta Facebook Instant Articles sous l’éditeur de l’article.
La plupart des erreurs sont causées par des extensions ou des thèmes qui ajoutent du contenu dans vos publications et qui ne sont pas supportés par les règles de transformation utilisées par le plugin Instant Articles pour WP.
Vous pouvez créer vos propres règles de transformation personnalisées. Reportez-vous à la documentation de l’extension pour savoir comment ajouter vos règles de transformation personnalisées.
Cependant, nous pensons qu’il serait difficile pour la plupart des débutants de faire cela par eux-mêmes, donc vous pourriez avoir besoin d’un développeur/développeuse. Vous pouvez essayer de configurer vos autres extensions et thèmes et les empêcher d’ajouter des blocs de contenu à vos publications.
URL incorrects
Si vous obtenez continuellement une erreur de flux vide lorsque vous envoyez votre flux Instant Articles, vérifiez alors l’URL que vous essayez d’ajouter.
http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles
Il s’agit de deux URL différentes et, selon la configuration de WordPress, la saisie de l’URL incorrecte peut entraîner une erreur 404.
Si l’erreur de flux vide persiste, essayez de mettre à jour les dix dernières publications de votre site. Cela modifiera leur heure modifiée et les ajoutera au flux.
Nous espérons que cet article vous a aidé à configurer Facebook Instant Articles pour WordPress. Vous pouvez également consulter notre liste de 40 outils utiles pour gérer et développer votre blog WordPress et comment démarrer une boutique en ligne.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
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.
Administrateur
Ahmad
Now it also need page access token
WPBeginner Support
Thank you for letting us know about this update to Facebook’s requirements
Administrateur
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
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.