Pour de l'aide sur comment relier votre compte Fandom à votre compte Facebook ou Google, voir Aide:Relier vos comptes sociaux.

Les pages Facebook et Twitter peuvent être un superbe moyen d'attirer de nouveaux contributeurs et d'interagir avec vos utilisateurs !

Que vous vouliez discuter d'un nouvel épisode, parler de la récente mise à jour d'un jeu ou simplement bavarder, avoir un compte Facebook ou Twitter pour votre communauté est une excellente idée. Si créer la page n'est pas la partie la plus ardue, il est souvent plus difficile de partager vos pages avec le monde. La meilleure façon n'est-elle pas d'en faire la publicité sur la page d'accueil avec un widget Facebook ou Twitter ?

Ajouter un fil Twitter[modifier le wikicode]

Un fil Twitter

Bien que Fandom ne prenne pas en charge les widgets Twitter, ajouter un fil Twitter à votre page d'accueil est plutôt simple. Il suffit de suivre les étapes suivantes :

  • Dans l'éditeur source, saisissez ceci :
    <twitter screen-name="getfandom" />
  • Remplacez « getfandom » par le nom du fil Twitter que souhaitez intégrer (ex : « getfandom », « BBCNews », « EmWatson », etc.)

Par défaut, le fil peut être assez long, surtout lorsqu'il s'agit de fils chargés en fichiers média, et il vous faudra probablement l'ajuster. Nous prenons en charge la plupart des paramètres listés dans documentation de Twitter.

Par exemple, si vous voulez ajuster "height" à "500" (pixels), vous devez saisir :

<twitter screen-name="getfandom" height="500" />

Ou si vous voulez utiliser le thème sombre :

<twitter screen-name="getfandom" height="500" theme="dark" />

Ajouter des widgets Facebook[modifier le wikicode]

Vous trouverez ci-dessous comment intégrer des widgets Facebook où que ce soit sur votre site ! Les exemples suivants utilisent la page Facebook de Fandom en français, https://www.facebook.com/fandom.fr, mais devraient utiliser la page Facebook de votre communauté, ou la page Facebook concernant le sujet de votre communauté.

Page plugin[modifier le wikicode]

Le « Page Plugin » est un widget polyvalent qui permet aux lecteurs d'aimer une page Facebook, de voir lesquels de leurs amis l'aiment déjà et de consulter les publications récentes de la page. Ce widget devrait répondre à la plupart de vos besoins pour présenter une page Facebook sur votre communauté !

Le code de base ressemble au code suivant :

<div class="fb-page" data-href="https://www.facebook.com/fandom.fr"></div>

Et génèrera un module qui ressemble au module suivant :

 

Vous pouvez ajouter des paramètres au code pour changer des éléments supplémentaires :

  • data-show-posts="true" affichera les publications récentes de la page
  • data-show-facepile="false" n'affichera pas les visages des amis des lecteurs
  • data-small-header="true" permettra de réduire la taille de l'image de couverture et data-hide-cover="true" la masquera complètement.

Par exemple, en utilisant certains de ces paramètres :

<div class="fb-page" data-href="https://www.facebook.com/fandom.fr" data-small-header="true" data-show-facepile="false" data-show-posts="true"></div>

Cela génèrera un module qui ressemble au module suivant :

 

La page de documentation de Facebook vous permet d'expérimenter d'autres options de mise en page et générer un bloc de code que vous pouvez copier-coller sur votre communauté. Sélectionnez vos options et cliquez sur le bouton « Get code ». Vous n'avez pas besoin de vous soucier de la première étape à propos de l'utilisation de « JavaScript SDK » – Fandom s'occupe de cette partie. Récupérez simplement le code de la seconde étape et ce sera bon !

Vidéo[modifier le wikicode]

Cela permet aux utilisateurs d'intégrer des vidéos Facebook dans les articles. Il existe d'autres moyens de personnaliser la taille des vidéos affichées.

<div class="fb-video" data-href="https://www.facebook.com/getFANDOM/videos/358865301453749/" data-width="300" data-show-text="false"></div>

Paramètres

  • data-allowfullscreen="true" permet de lire la vidéo en mode plein écran.
  • data-autoplay="false" arrête automatiquement la lecture de la vidéo lors du chargement de la page.
  • data-width="300px" permet d'ajuster la largeur du conteneur vidéo, dans le cas présent, 300px.
  • data-show-text="false" arrête l'affichage du texte du post Facebook associé à la vidéo.
  • data-show-captions="true" affiche les légendes (si disponibles) par défaut.

Caption here.

En remplaçant class="fb-video" par class="fb-video tright" (par class="fb-video floatleft"), on obtient un alignement à droite (alignement à gauche) de la vignette intégrée dans le paragraphe suivant (comme ici). L'ajout d'une légende à la vignette ne fonctionne qu'en les greffant dans des balises imbriquées :

<div class="tright"> <div class="fb-video" data-href="https://www.facebook.com/getFANDOM/videos/358865301453749/"></div><br><small>Caption here.</small><div>


Bonnes pratiques[modifier le wikicode]

  • The Muppet Wiki a une boîte en haut à droite de leur page principale, et la page a plus de 36 000 articles similaires ! Ils partagent des photos de leurs personnages préférés, des nouvelles sur les Muppets, et demandent aux fans de commenter les messages.
  • Le wiki des Sims est également très actif sur Facebook, avec plus de 1 500 visiteurs. Comme le Muppet Wiki, la boîte se trouve en haut à droite de la page, donc la boîte sera l'une des premières choses que les nouveaux visiteurs verront. Le Wiki des Sims utilise activement sa page Facebook pour partager des articles de presse, mais informe également ses utilisateurs des discussions importantes qui ont lieu sur le wiki.

Je n'y arrive toujours pas ![modifier le wikicode]

Si vous avez des problèmes pour mettre en place les widgets Twitter ou Facebook, n'hésitez pas à demander de l'aide sur Discussions ou à contacter le Staff Fandom.

Voir aussi[modifier le wikicode]

Plus d'aide

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA.