Ajouter l’onglet “Invitez vos amis” à une page Facebook

Pour tous ceux qui tiennent une page Facebook, pour le plaisir ou pour le boulot (voire les deux), voici un petit tuto qui peut s’avérer fort utile pour certains

On a beau chercher sur Google, c’est bien galère de trouver comment faire pour ajouter un onglet “Invitez vos amis à rejoindre…” sur votre belle page Facebook, toute pleine de gens dedans.

voyons voir avec la page cinéma :

Dans le champs recherche de Facebook, tapez “Static FBML”

Une fois sur la page Static FBML, faites “ajouter à ma page”

Revenez ensuite sur votre page, ici la page cinéma, et allez dans “modifier:page“. Puis, cherchez FBML dans la partie “Applications”. Cliquez sur “modifier“

Vous vous retrouvez alors devant deux champs de texte dont un où vous pouvez coder en FBML : le FBML est un langage de mise en page standard utilisé sur Facebook. (semblable au HTML pour les pages internet).

Pour pouvoir proposer à vos fans d’inviter leurs amis, copier coller le code suivant (en réalisant les modifications nécessaires et en retapant les guillemets car Wordpress les transforme…) :

<fb:request-form method=”post” type=”nomdevotrepage” invite=”true” content=”le texte figurant au-dessus du module” <fb:req-choice url=’http://www.facebook.com/votrepage‘ label=’GO’ /> “> <fb:multi-friend-selector actiontext=”Invitez vos amis !” rows=”6″ cols=”3″ showborder=”false” condensed=”false” style=”width: 400px” /> </fb:request-form>

Validez et hop, le tour est joué !

En espérant vous avoir aidé

Ce billet a été posté le Jeudi 26 août 2010 à 15:17 dans la catégorie Blog, Community Management, Internet, Web 2.0. Vous pouvez suivre les commentaires sur ce billet avec le Flux RSS RSS 2.0. Vous pouvez poster un commentaire, ou faire un trackback depuis votre site.

51 Réponses to “Ajouter l’onglet “Invitez vos amis” à une page Facebook”

1. Le 30 août 2010 à 10:48, François a écrit:

Bonjour,

Merci pour ce conseil mais ça ne fonctionne pas chez moi, dans l’onglet FBML je n’ai que ““>”.

Est ce normal ?

2. Le 2 septembre 2010 à 11:23, cindy a écrit:

Tu dois certainement avoir une erreur dans ton code… Certainement un problème avec les guillemets. Regarde bien

3. Le 6 septembre 2010 à 17:20, only femmes a écrit:

inviter vos amis svp

4. Le 17 septembre 2010 à 11:24, ayman a écrit:

c’est quoi le texte figurant au-dessus du module

5. Le 17 septembre 2010 à 16:30, lilou a écrit:

bonjour!
c’est vrai que c’est pas évident de trouver des infos la dessus sur google surtout quand on y connais rien comme moi! ^^
alors je crois avoir tout bien fait comme il faut mais pourtant quand je vais dans l’onglet que j’ai crée “invitez vos amis!” la seule chose qui s’affiche est “> comme dans le commentaire précédent.je me permet de te mettre le code que j’ai mis pour voir si tu peux me dire se qui cloche :

<fb:request-form method=”post” type=”futura games vente de jeux video (import jap/us), mangas & figurines” invite=”true” content=”invitez vos amis!” “>

merci d’avance!

6. Le 23 septembre 2010 à 16:31, cindy a écrit:

Salut !

Remplace toutes tes guillemets qui sont sûrement mal comprises par Facebook. Il te suffit juste de les retaper je pense. Par contre à la fin de ton code, tu en as une en trop c’est pour cela que tu ne vois que la fin du code dans la page

7. Le 19 octobre 2010 à 1:21, sara a écrit:

Bonjour!

alors moi le pb est complétement différent. j’ai réussi à mettre le code, même que c’est apparu sur ma page

mais une fois l’invitation envoyée à quelques personnes, histoire de voir si ca marche bien, ben les personnes en question ont bien recu l’invit mais sous forme d’application -ce qui n’est po cool- et une fois qu’ils ont cliquer dessus il n’y a rien eu

j’ai également remarqué qu’on ne pouvait envoyer que 6 invitations, c’est pas bcp quand même

Merci d’avance

8. Le 25 octobre 2010 à 17:30, J. a écrit:

Bonjour

je souhaiterai rajouter une image en entête au dessus ou à la place de “invitez vos amis”
QUelle est le code html à insérer? merci d’avance

9. Le 27 octobre 2010 à 8:44, cindy a écrit:

Bonjour J.

Il te suffit de mettre ce bout de code au-dessus du code “invitez vos amis” :

N’éhsite pas si tu as d’autres questions

10. Le 27 octobre 2010 à 13:35, J. a écrit:

salut cindy ça ne passe pas visiblement
merci

11. Le 4 novembre 2010 à 18:50, EmilieB a écrit:

Merci beaucoup pour l’astuce !
J’ai intégrer le code à ma page fan : http://www.facebook.com/tendancecom?v=app_7146470109

J’ai 2 soucis:

1.je n’arrive pas a régler la largeur du module
2. quand j’invite un ami cela ne marche pas

Avez-vous des conseils pour m’aider ?
Merci par avance

12. Le 5 novembre 2010 à 15:14, cindy a écrit:

Bonjour EmilieB !

Pour régler la largeur du module, tu dois ajouter le paramètre cols=”3″ (tu choisis ensuite le nombre de colonne que tu veux voir apparaître).
Pour ce qui est du bug, Facebook devrait le régler très vite, j’espère !

Bonne journée à toi !

13. Le 5 décembre 2010 à 22:48, KitsuneDSGN a écrit:

Merci pour vos infos
Je viens d’ajouter ce code à ma page FB et malgré un bug d’affichage qui indique :
“Désolé, votre demande n’a pu être traitée. Veuillez réessayer”, l’invitation elle a bien été envoyée.

Ceci dit, ce qui me gêne d’avantage c’est que le message envoyé ne porte pas le nom de ma page comme l’indique le code : type=”nomdevotrepage” mais “Static FBML 7″
Le lien renvoi bien vers ma page mais j’aurai voulu que le code affiche le nom également.
Avez-vous une idée de comment régler ce problème?

Enfin, autre problème, lorsqu’ils reçoivent l’invitation, aucune image n’est associée et il y a donc le symbole avec la croix rouge pour indiquer “aucune image”. Existe t-il un moyen d’associer une image miniature à gauche de cette invitation?

Je vous remercie

14. Le 20 janvier 2011 à 11:28, Kateia-sport a écrit:

J’ai le même souci sur ma page
Il y a un message d’erreur disant que ça n’a pas marché
voici le code que j’utiliser :

<fb:request-form method=”post”
type=”Kateia-Sport”
invite=”true”
content=”Découvrez Kateia-sport.com : le site qui donne la parole aux jeunes sportives! (interviews exclusives, médailles, classement, portraits des meilleures sportives françaises…) “>

Est ce qu’il manque qq chose? je comprend pas

15. Le 26 janvier 2011 à 3:11, kais a écrit:

J’ai le même souci sur ma page
Il y a un message d’erreur disant que ça n’a pas marché en plus je n’est pas copris c’est quoi le texte figurant au-dessus du module ??

CE SI EST MON URL DE MA PAGE :

http://www.facebook.com/pages/nm-llnzam-albrlmany-btwns-jmhwryt-brlmanyt/188059254554969

esque il ya quelqu’un d’émable qui pourrait me faire ou me rectifier le code pour que ça marche ?

<fb:request-form method=”post” type=”nm-llnzam-albrlmany-btwns-jmhwryt-brlmanyt” invite=”true” content=”invitez vos amis” “>

si’il vous palais de l’aide

16. Le 26 janvier 2011 à 14:59, cindy a écrit:

Bonjour Kais,

Les guillemets n’étaient pas bonnes. Voici le code avec les bonnes guillemets. Ceci devrait fonctionner maintenant. Tenez-moi au courant !

Bonne journée

17. Le 26 janvier 2011 à 18:29, kais a écrit:

il est le code cindy ??
s’il te plais voila je vais le reecrire et tu me dira si c’est bon ou pas ??

” “>

tour en sachant que mza page :
c’est :
http://www.facebook.com/pages/nm-llnzam-albrlmany-btwns-jmhwryt-brlmanyt/188059254554969

merci pour ton aide cindy

18. Le 26 janvier 2011 à 18:32, cindy a écrit:

Argh, le code avait été interprété, le revoici (pensez à enlever les *) :

< *fb:request-form* method="post" *type="nm-llnzam-albrlmany-btwns-jmhwryt-brlmanyt"* invite*="true" content*="invitez vos amis"*>

19. Le 26 janvier 2011 à 18:40, kais a écrit:

juste cet ligne ??? cindy ??

20. Le 26 janvier 2011 à 18:42, kais a écrit:

les * c’est des espaces ou j’enlever ??

21. Le 26 janvier 2011 à 18:42, cindy a écrit:

Juste à enlever

22. Le 26 janvier 2011 à 18:48, kais a écrit:

si’il te palis cindy soie encore un peux patiente avec moi
bon voila

quand je met ca :

ca merche pas et dans l’ongle ca sort ecrie la ligne
esque je doie rajouter ca /??

“>

dis moi comment faire
c’est tres important

23. Le 26 janvier 2011 à 18:50, kais a écrit:

pourquoi le code n’apparait pas dan,s le commentaire que j’ecrie ?? esque tu arrive a voir tout ce que j’ai ecrie ??

24. Le 26 janvier 2011 à 19:15, kais a écrit:

CA N’A PAS MARCHER

25. Le 26 janvier 2011 à 19:22, abdelmouid a écrit:

je mets koi s’il vou plait dan le texte figurant au-dessus du module

26. Le 26 janvier 2011 à 19:25, kais a écrit:

s’il vous plais s’il vous palsi dite moi ce que je dois faire ?? juste la ligne que vous m’avait poster ou
en plus de cet ligne il ya autre chose ??????????

c’est tres important si’il vous plais

27. Le 27 janvier 2011 à 15:17, cindy a écrit:

J’ai juste corrigé la ligne que vous m’aviez copié. Je vous renvoie vers l’article qui traite du sujet. http://www.edolone.net/2010/08/26/ajouter-longlet-inviter-vos-amis-a-une-page-facebook/ Suivez les instructions et copiez le code en corrigeant les guillemets (c’est à dire en les retapant car Wordpress les modifie lors de la publication).

28. Le 27 janvier 2011 à 18:42, kais a écrit:

esque vous pouvais me renvoer le code sur mon mai l ??
kaissoui@yahoo.fr

29. Le 27 janvier 2011 à 19:46, kais a écrit:

un message pour cindy

voila c’est ma url:
http://www.facebook.com/pages/nm-llnzam-albrlmany-btwns-jmhwryt-brlmanyt/188059254554969

pouvais vous me rectifier le code et me l’envoyer sur mon mail ??

mon mail : kaissoui@yahoo.fr

je serai trop reconnaissant

30. Le 31 janvier 2011 à 16:03, cindy a écrit:

Bonjour Kais,
Je ne peux pas toucher à votre code, il faut être administrateur de la page pour cela.
Suivez les directives que je vous avais donnée par mail et sur l’article et tout ira Bonne journée

31. Le 4 février 2011 à 18:42, taurekaz a écrit:

ça ne marche pas .. donnez moi svp le code
ma page http://www.facebook.com/Mahboul.Partou?v=app_4949752878
je ve faire invitez vos amis ( le tableau ) dan cette onglet

32. Le 4 février 2011 à 18:43, taurekaz a écrit:

commme cette paaaage http://www.facebook.com/tendancecom?v=app_7146470109
je veut fait comme ççaa

33. Le 17 février 2011 à 12:14, Amine a écrit:

comme la dit si bien cindy, faudra remplacer les guillemets double par des guillemets symple, voici le code que j’utilise :
<fb:request-form method=’post’ type=’NOM DE VOTRE PAGE’ invite=’true’ content=’le texte figurant au-dessus du module’ ‘>

ca devrai marcher a tt les coups : )

34. Le 17 février 2011 à 12:25, Amine a écrit:

par contre j’ai une question :
je cherche le bout de code qui permet de dire a celui qui visite la page : welcom (+ le nom de celui qui visite la page)
merci bien

35. Le 9 mars 2011 à 0:38, MrHelloO a écrit:

Code complètement faux avec beaucoup mais alors beaucoup de fautes. Le vrai COMPLET :

<fb:request-form
method=”post”
action=”le lien de ma page facebook”
type=”le nom de ta page”
invite=”true”
content=”invitation a rejoindre ma page “>

——- Infos Complémentaires ——-

rows=”X” avec X le nombre de lignes
cols=”Y” avec Y le nombre de colonnes.
width=”Zpx” avec Z la largeur en pixel (px) de la box

36. Le 9 mars 2011 à 15:23, cindy a écrit:

Bonjour Mr HelloO,
J’aimerai juste souligner que nous avons le même code Vous l’avez indenté, c’est tout Mais merci pour vos informations complémentaires, qui permettront certainement d’éclaircir certains.

37. Le 11 mars 2011 à 12:31, Vanok a écrit:

Je ne comprends pas pour moi tout va bien, j’ai bien l’onglet avec tout les amis à sélectionner jusqu’au moment ou j’envoie une invitation. Il s’affiche :
Sorry, your request could not be processed.

Please try again

Voici le code que j’utilise : <fb:request-form method=”post” type=”SmoovUp” invite=”true” content=”Rejoignez la communauté !”

Quelqu’un peut m’aider ?

38. Le 11 mars 2011 à 12:32, Vanok a écrit:

<fb:request-form method=”post” type=”SmoovUp” invite=”true” content=”Rejoignez la communauté !”

39. Le 10 avril 2011 à 15:34, BUCHMANN a écrit:

static FBML s’ouvre bien, mais ensuite je n’ai pas la ligne ajouter à ma page, je n’ai que 3 solutions :
- ajouter à mes pages favorites
- signaler application
- partager
donc je ne sais pas quoi faire, help
thanks

40. Le 12 avril 2011 à 16:24, cindy a écrit:

Bonjour,
Facebook souhaite que le FBML ne soit plus utilisé. Je pense donc qu’ils ont du bloquer ces applications pour que les gens ne puissent plus les ajouter à leur page. Je vais regarder prochainement comment faire via une iframe, façon de faire désormais obligatoire.
Passez une bonne journée,

41. Le 16 avril 2011 à 16:19, Toni a écrit:

La fonctionnalité ne marche effectivement plus. Qui aurait une astuce?

42. Le 21 avril 2011 à 15:48, quentin a écrit:

ne marche pas !!!

43. Le 2 mai 2011 à 11:46, vanessaf a écrit:

Avez-vous trouvé une solution afin d’intégrer la fonctionnalité “invitez vos amis” dans une iframe (html, php, etc.), étant donné que le FBML n’est plus d’actualité…

Malgré maintes recherches, je n’ai rien trouvé…

Merci

44. Le 1 juin 2011 à 10:34, Dams a écrit:

Des news pour le IFRAME et l’onglet “invitez vos amis” ??

Merci d’avance!

45. Le 10 juillet 2011 à 19:58, lili a écrit:

je trouve pas ajouter a vos page pourquoi pourtant j’ai mis j’aime et après??????

46. Le 10 juillet 2011 à 20:05, lili a écrit:

pk ca me mè “>

47. Le 12 octobre 2011 à 20:16, sidou.nes a écrit:

jais suivi les etap et puis ya r1 je sais po comment fair aider moi svp

48. Le 12 octobre 2011 à 20:35, sidou.nes a écrit:

aider moi ya r1 qui s’afichhe just sa <””’

49. Le 23 octobre 2011 à 11:01, Astonman59 a écrit:

J’ai installé le module et grace au ciel il fonctionne ^^

néanmoins, ce module limite l’invitation à 3 amis seulement… un peu court…

Une solution ?

50. Le 22 novembre 2011 à 17:03, mohh a écrit:

moi se que je comprend pas c ke je peut ajoutez que 4 amis

51. Le 5 décembre 2011 à 11:59, Vik a écrit:

Bonjour, merci beaucoup pour ce tuto.
Ca marche parfaitement.

2 soucis :

- Le plus gros est que les amis déjà présent sur la page en question ne sont pas grisés ! Donc Il se peut que la personne tente d’inviter des personnes étant déjà fan de la page. J’ai essayé de le faire pour voir ce que cela donne, et j’ai un message d’erreur qui dit que j’ai atteint le nombre maximum d’invitations par jour, à réessayer demain.

- L’autre souci, qui est mineur. N’y a t il pas moyen d’ajouter quelque chose afin de pouvoir inviter plus de 3 amis ? Et combien de temps faut il attendre avant de pouvoir réinviter 3 amis ?

Voilà, merci beaucoup encore pour ce tuto.

Un petit mot ?

Les champs en gras sont obligatoires. Les adresses email ne seront jamais publiées ou distribuées.

HTML autorisé :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URIs must be fully qualified (eg: http://www.domainname.com) and all tags must be properly closed.

Les sauts de ligne et les paragraphes seront automatiquement convertis.

Les commentaires inappropriés seront modifiés ou supprimés.