FLOW-FLOW de Social Apps : Corriger les erreurs des flux

L’extension Flow-Flow de Social Streams permet d’afficher sur votre site internet les publications que vous faites sur vos rĂ©seaux sociaux pour composer ce que l’on appelle un « social wall ». Vous proposez ainsi en quelques clics Ă  vos visiteurs un aperçu complet de vos publications sur vos rĂ©seaux sociaux.

Le plugin est disponible en version gratuite (limitĂ©e Ă  l’affichage de 4 rĂ©seaux : Facebook, Twitter, Instagram et Pinterest). La version payante (36$ payable une fois pour toutes) permet de gĂ©rer 14 flux : Facebook, Twitter, Instagram, Google+, Pinterest, SoundCloud, LinkedIn, Foursquare, Dribble, YouTube, Vimeo, Flickr, Tumblr, WordPress et Flux RSS.

Autorisez Facebook et Instagram

authentification unifiée depuis février 2021

Étape 1 : Connectez-vous au Tableau de bord de votre site et rendez-vous dans la section Social Apps > Flow-Flow Lite.

Étape 2 : Cliquez sur l’onglet « AUTH » puis accĂ©dez Ă  la section « Facebook and Instagram integration« .

Étape 3 : Cliquez sur le bouton « CONNECT » :

Étape 4 : Vous ĂȘtes redirigĂ© vers Facebook Ă  vous connecter Ă  votre compte et Ă  accepter l’interaction avec Flow-Flow : sĂ©lectionnez votre Page Facebook et, si c’est votre choix, votre compte Instagram, puis suivez les Ă©tapes de validation.

Étape 5 : A la fin de cette procĂ©dure, vous ĂȘtes redirigĂ© sur la page des rĂ©glages de Flow-Flow : le code d’authentification du champ « ACCESS TOKEN » sera renseignĂ©.

Sauvegardez en cliquant sur le bouton vert « Save Changes ».

Autorisez Twitter

RĂ©cupĂ©rez vos clĂ©s d’authentification sur Twitter :

  • Connectez-vous Ă  Twitter et rendez vous sur cette page : https://apps.twitter.com pour crĂ©er une application qui va permettre la connexion entre votre site et votre Twitter.
  • Cliquez sur « Create New App »
  • Remplissez les champs : Name (ce que vous souhaitez, par exemple Flow-Flow pour mon site) ; Description (une petite phrase qui vous permettra de vous souvenir Ă  quoi sert cette application) ; Website (l’url – l’adresse – du site qui doit recevoir cette autorisation, sous la forme : https://www.mirobolus.fr/)
  • Cocher la case de consentement puis validez votre action en cliquant sur le bouton « Create your Twitter application »
  • Sur la page suivante, cliquez sur l’onglet « Key Access and Tokens » : vous y trouverez les clĂ©s d’authentification Ă  insĂ©rer dans la configuration de votre plugin sur votre site.

InsĂ©rez vos clĂ©s d’authentification dans les rĂ©glages de Flow-Flow sur votre site :

  • Connectez-vous Ă  votre tableau de bord et rendez-vous dans la section Social Apps > Flow-Flow Lite
  • Cliquez sur l’onglet « AUTH » puis accĂ©dez Ă  la section qui concerne Twitter
  • Copiez-collez les 2 clĂ©s « CONSUMER KEY (API KEY) » et « CONSUMER SECRET (API SECRET) » dĂ©livrĂ©es par Twitter et enregistrez.

GĂ©nĂ©rez l’Access Token

  • Retournez sur la page de Twitter, toujours dans l’onglet “Key Access and Tokens”, et cliquez sur le bouton « Create my access token ».
  • Copiez les nouveaux codes gĂ©nĂ©rĂ©s ACCESS TOKEN et ACCESS TOKEN SECRET dans la page de rĂ©glages de votre plugin.

Sauvegardez en cliquant sur le bouton vert « Save Changes »

Ajouter un nouveau réseau social

Créez votre fil de publications Facebook

  • Rendez vous sur l’onglet “FEEDS”
  • Cliquez sur le bouton “CREATE FEED” puis sĂ©lectionnez l’icĂŽne Facebook
  • Vous avez alors le choix entre 3 types de contenus :
    • Le contenu d’un profil ou d’une page Facebook public : entrez son identifiant dans le champ “CONTENT TO SHOW”.

      Trouver l’identifiant d’un profil Facebook

      Trouver l’identifiant d’une Page Facebook

    • Le contenu d’un groupe Facebook : entrez son identifiant dans le champ “CONTENT TO SHOW”.

      Trouver l’identifiant d’un groupe Facebook

    • Un album photo Facebook : entrez son identifiant (album ID) dans le champ “CONTENT TO SHOW”.

      Trouver l’identifiant d’un album Facebook

Sauvegardez en cliquant sur le bouton vert « Save Changes »

Créez votre fil de publications Instagram

  • Rendez vous sur l’onglet “FEEDS”
  • Cliquez sur le bouton “CREATE FEED” puis sĂ©lectionnez l’icĂŽne Facebook
  • Vous avez alors le choix entre 4 types de contenus :
    • User feed = les photos d’un compte Instagram : entrez le nom d’utilisateur que vous trouverez dans l’URL du compte Instagram dans le champ “CONTENT TO SHOW”.
    • User’s likes = les photos aimĂ©es par un utilisateur : entrez le nom d’utilisateur que vous trouverez dans l’URL du compte Instagram dans le champ “CONTENT TO SHOW”.
    • Hastag = les publications liĂ©es Ă  un hashtag en particulier : entrez le hashtag dans le champ “CONTENT TO SHOW”.
    • Location = les publications liĂ©es Ă  un lieu : entrez l’identifiant Instagram de ce lieu (voir image ci-dessous) dans le champ “CONTENT TO SHOW”.

      Trouver l’identifiant d’un lieu sur Instagram

Sauvegardez en cliquant sur le bouton vert « Save Changes »

Créez votre fil de publications Twitter

  • Rendez vous sur l’onglet “FEEDS”
  • Cliquez sur le bouton “CREATE FEED” puis sĂ©lectionnez l’icĂŽne Twitter
  • Vous avez alors le choix entre 5 types de contenus :
    • Home Timeline = Votre fil Twitter : entrez votre nom d’utilisateur dans le champ “CONTENT TO SHOW”
    • User feed = Le fil Twitter d’un autre twittos : entrez son nom d’utilisateur dans le champ “CONTENT TO SHOW”
    • Tweets by search = des tweets par hashtag : entrez le hashtag dans le champ “CONTENT TO SHOW”
    • User list = Les tweets de la liste d’abonnĂ©s d’un twittos : entrez son nom d’utilisateur dans le champ “CONTENT TO SHOW” et le nom de sa liste dans le champ “LIST NAME”.
    • Les “likes” d’un twittos : entrez son nom d’utilisateur dans le champ “CONTENT TO SHOW”

Créer un nouveau mur

Maintenant que vous avez authentifié vos propres réseaux, et créé vos flux de contenus, vous pouvez générer un nouveau mur (ou Social Wall) que vous allez insérer dans une page de votre site.

  • Rendez vous sur l’onglet “STREAMS”
  • Cliquez sur le bouton « CREATE STREAM »
  • Donnez-lui un nom pour le reconnaĂźtre parmi vos diffĂ©rents streams
  • Dans l’onglet « SOURCE », sĂ©lectionnez le ou les contenu(s) souhaitĂ©s
  • Parcourez les autres onglets pour modifier l’apparence et les styles de votre nouveau mur
  • Rendez vous dans l’onglet « SHORTCODE » pour copier le code gĂ©nĂ©rĂ© (sous la forme : ) que vous devrez coller dans un article, une page, ou un module « Code » de DIVI.

Et voilà le résultat ! 

[ff id="2"]

Dépannage

Si vous constatez des erreurs d’affichage des flux de vos rĂ©seaux sociaux dĂ©clarĂ©s dans l’extension Flow-Flow, il est nĂ©cessaire de rĂ©initialiser les autorisations des applications.

Préambule

Connectez-vous aux réseaux sociaux déclarés dans Flow-Flow.

Étape 1 : RĂ©initialiser les caches

  • Dans le Tableau de Bord > Social Apps > Flow-Flow Lite
  • Cliquez sur l’onglet « FEEDS »
  • Cliquez sur l’icĂŽne reprĂ©sentant 3 points en dĂ©but de la ligne du Flux en erreur, puis cliquez sur « Rebuild cache »
  • VĂ©rifiez sur la page qui affiche vos activitĂ©s si le flux en question apparait de nouveau.
    Sinon, passez Ă  l’étape suivante.

Étape 2 : RecrĂ©er les authentifications

  • Dans le Tableau de Bord > Social Apps > Flow-Flow Lite
  • Cliquez sur l’onglet « AUTH »
  • AccĂ©dez au flux en erreur
  • Tentez de rafraichir l’autorisation : cliquez sur le lien REFRESH TOKEN 
    • Si vous ĂȘtes dĂ©jĂ  connectĂ© Ă  votre rĂ©seau social, l’action est terminĂ©e, le lien entre votre site et le rĂ©seau social est rĂ©tabli.
    • Si vous n’ĂȘtes pas connectĂ©, une fenĂȘtre vous invitera Ă  vous identifier.
  • Si le problĂšme persiste, il vous faut vous reconnecter :
    • Cliquez sur le bouton « LOG OUT » (= se dĂ©connecter)
    • Cliquez sur le bouton « AUTHORIZE » :
      • Si vous ĂȘtes dĂ©jĂ  connectĂ© Ă  votre rĂ©seau social, l’action est terminĂ©e, le lien entre votre site et le rĂ©seau social est rĂ©tabli.
      • Si vous n’ĂȘtes pas connectĂ©, une fenĂȘtre vous invitera Ă  vous identifier.

ALLER PLUS LOIN…

Tutoriel de Social Apps pour l’authentification à Instagram : https://docs.social-streams.com/article/47-authenticate-with-instagram
Tutoriel de Social Apps pour l’authentification à Facebook : https://docs.social-streams.com/article/46-authenticate-with-facebook
Si le problĂšme se rĂ©pĂšte trop frĂ©quemment, il sera nĂ©cessaire d’effectuer cette authentification avec une mĂ©thode DĂ©veloppeur : https://docs.social-streams.com/article/46-authenticate-with-facebook#method2