Insérer un fil Twitter et Facebook sur son forum

par Tech Mar 27 Jan 2015 - 15:47

Insérer un fil Twitter et Facebook sur son forum

	Il est désormais possible de proposer un fil d'actualité Twitter et Facebook sur son forum via des widgets prédéfinis sur votre Panneau d'Administration. Cette astuce est donc obsolète pour en afficher sur un widget mais peut toujours être utilisée pour un affichage à différents endroits.

Afin d'entretenir une communication dynamique avec sa communauté et de posséder une bonne visibilité sur Internet, il peut être intéressant d'utiliser Twitter et Facebook, deux réseaux sociaux mondialement connus et pratiqués. A travers cette astuce, vous allez comment installer un fil d'actualité (appelé aussi fil de nouvelles ou fil de publications) Twitter et Facebook sur que vous pourrez afficher sur votre forum, notamment dans un widget.

Créer un fil d'actualité Twitter

Pour créer un fil d'actualité Twitter, il est nécessaire de posséder un compte Twitter. Une fois connecté à votre compte Twitter, cliquez sur le lien : https://publish.twitter.com/.

Etape n°1 : Choisir la page à suivre

Dans notre exemple, nous ferons le choix d'afficher l'actualité twitter de @forumactif. Il convient de renseigner le lien direct de la page Twitter de Forumactif.

Voir illustration:

Etape n°2 : Choisir la disposition du widget

Twitter vous propose deux dispositions possibles.

Embedded timeline (Chronologie intégrée)

Cette disposition vous permet d'afficher directement l'actualité de la page de votre choix sur votre forum.

Voir illustration:

Twitter buttons (Boutons Twitter)

Cette disposition vous permet d'afficher un bouton Twitter sur votre forum. Si vous faites le choix de cette solution, Twitter vous offre la possibilité d'afficher deux types de bouton :

Follow button (Bouton suivre) : ouvre une boîte de dialogue sur votre page Twitter. Le membre a la possibilité de suivre votre page ;
Voir illustration:
Mention button (Bouton mentionner) : ouvre une boite de dialogue, mentionnant votre page Twitter.
Voir illustration:

Etape n°3 : Obtenir le code

Twitter vous communique alors un script a insérer sur votre forum pour afficher le fil d'actualités Twitter de Forumactif.

Voir illustration:

Il vous offre également la possibilité de personnaliser les options de ce fil d'actualités en cliquant sur Set customization options

Etape n°4 : Insérer le code sur votre forum

Vous avez plusieurs possibilités pour insérer le code : La page d'accueil, Les templates, Les pages HTML, Les widgets et/ou le portail, ... A titre d'illustration, nous ferons le choix de l'intégrer dans un widget que nous afficherons sur la page d'accueil du forum.

Voir illustration:

Créer un fil d'actualité Facebook

Afin de pouvoir créer un fil d'actualité pour votre forum, il est nécessaire de posséder un compte Facebook. Une fois connecté, rendez-vous sur la page : https://developers.facebook.com/docs/plugins/page-plugin .

Etape n°1 : Choisir la page à suivre et obtenir le code

Il convient de renseigner le champ URL de Page Facebook par le lien de la page Facebook de votre forum. Dans le cadre de notre exemple, nous ferons le choix de prendre cette de Forumactif. Vous avez la possibilité de paramétrer le fil d'actualité, notamment la longueur et la largeur de ce dernier afin de correctement l'intégrer sur votre support. Une fois la paramétrage terminé, il vous suffit de cliquer sur le bouton Obtenir le code.

Voir illustration:

Etape n°2 : Insérer le code sur votre forum

En cliquant sur le bouton Obtenir le code, une boîte de dialogue s'ouvre (lightbox) qui contient le code à insérer sur votre forum. Cliquez ensuite sur l'onglet IFrame :

Voir illustration:

Vous avez plusieurs possibilités pour insérer le code : La page d'accueil, Les templates, Les pages HTML, Les widgets et/ou le portail, ... A titre d'illustration, nous ferons le choix de l'intégrer dans un widget que nous afficherons sur la page d'accueil du forum :

Voir illustration: