Accueil > Tutoriel > Intégrer un formulaire à sa page Facebook

Intégrer un formulaire à sa page Facebook

// Mise à jour juillet 2011 >> Remarque importante : depuis quelques mois déjà, Facebook ne permet plus l’ajout de l’application Static FBML permettant d’intégrer un formulaire comme décrit ci-dessous. Si celle-ci a déjà été ajoutée à votre page, elle reste active et ce tutoriel est toujours d’actualité; dans le cas contraire, vous devez désormais créer votre propre application. Nouveau tutoriel à venir prochainement ! //

Après un premier tutoriel vidéo où je vous expliquais comment intégrer un onglet d’accueil à votre page Facebook (ou tout autre onglet – à (re)découvrir donc pour créer éventuellement un onglet dédié à votre newsletter par exemple), vous trouverez ici les bases pour intégrer un formulaire et récupérer les données dans une table SQL. Pas d’affolement, rien de si compliqué et parce que l’email reste un canal de communication incontournable, un formulaire sur une page Facebook, avec quelques champs, est le bienvenu. Pertinent pour de l’opt-in newsletter bien sûr mais surtout dans le cadre d’un jeu concours…
Intégration en 3 temps : 1/ Sur Facebook, 2/ Code PHP à uploader à la racine de votre site, 3/ La table SQL.

Ci-dessous la vidéo pour vous accompagner et surtout les scripts :)

Le script de l’onglet FBML sur votre page Facebook

Le script du fichier .PHP (vous pouvez changer l’extension d’un fichier .txt)

Le script du fichier config.php (si vous ne disposez pas d’une première base en php sur votre site)

Pour vos formulaires, questionnaires, ou tout autre besoin d’intégration d’onglets personnalisés sur Facebook, de questionnaires/quizz, d’applications, nous sommes à votre disposition.
Pour tout devis : contact[at]athomedia.com

Exemples de formulaires sur Facebook

Exemples de formulaires sur Facebook

Lire aussi :
Intégrer un onglet d’accueil à votre page,
Bible Facebook (mise à jour prochainement),
Formation Community Management


Auteur -  Edouard Bourbon - Alors Responsable marketing de MySpace en France en 2006, je vis de l’intérieur l’essor des médias sociaux et conseille les annonceurs dans leurs premières incursions. Athomedia voit le jour fin 2007 et passe la seconde depuis quelques mois avec une équipe désormais composée de 4 personnes. Je donne par ailleurs des conférences dans plusieurs écoles de publicité et en Université.


Login
  1. ivan
    14/11/2011 à 13:56 | #1

    Merci bcp pour ce tuto, que je trouve très utile. j’ai une petite autre question : est ce que, dans le formulaire, on peut recevoir des pièces jointes (exemple des photos) ? Merci d’avance !

  2. 20/10/2011 à 06:26 | #2

    Merci pour le tuto , c’est exactement ce que je cherchais !

  3. 18/09/2011 à 17:18 | #3

    that are the informations i was looking for

  4. 10/09/2011 à 21:10 | #4

    Très efficace des informations écrites . Il va être précieux pour quiconque qu’il usess , y compris moi-même. Continuez votre excellent travail – pour le positif je vais essayer plusieurs postes.

  5. 30/08/2011 à 16:27 | #5

    Très bien considéré poste. J’apprends quelque chose de complètement nouveau sur les blogs totalement différent tous les jours. Décider sur un. stimulante pour lire le contenu du papier de différents auteurs et d’être enseigné un peu d’ une chose sur leur site. Je voudrais demander que le contenu de ce matériel sur mon blog, vous êtes l’esprit. Natually Je vais vous donner un lien ici nous sommes à votre site web . Appréciez votre partage .

  6. 27/08/2011 à 10:19 | #6

    Extrêmement nominale de poste. J’apprends quelque chose de totalement nouveau sur différents blogs quotidienne. Décider sur un. stimulant pour apprendre la matière du papier contenu d’autres auteurs et d’apprendre un peu plus une chose sur leur site. Je tiens à une utilisation sûre de ce contenu sur mon blog vous l’esprit. Natually Je vais vous donner un hyperlien ici nous sommes à votre site internet. Admirez votre partage .

  7. Altering Studios
    24/03/2011 à 16:22 | #7

    de plus, le 3eme code est le même que le second…

  8. Altering Studios
    22/03/2011 à 02:41 | #8

    Bonjour,

     J’ai le même soucis que LPI 2009,
    voici le message d’erreur : 

    Warning: Unexpected character in input:  » (ASCII=92) state=1 in /homez.354/altering/www/newsletter.php on line 7

    Parse error: syntax error, unexpected T_STRING in /homez.354/altering/www/newsletter.php on line 8

  9. LPI 2009 TECHNOFUTUR TIC
    14/02/2011 à 15:28 | #9

    Bonjour,

    j’ai effectué l’ensemble de la procédure.
    Mais lorsque je clique le bouton submit j’obtiens des messages d’erreurs liés au fichier .php que j’ai placé dans mon hébergement.(je l’ai apppelé hello.php)
    J’ai essayé de débugger jusqu’au bout (car il ne semble pas aimer les « <br/ > »ainsi que les <p> et les <p/> ) j’ai donc regarder sur le code de la vidéo qui est légèrement différent de celui qu’on peut prendre en copier coller.
    Il s’arrête à la ligne 13 avec le message suivant (de ovh):
    Warning: Unexpected character in input:  »’ (ASCII=39) state=1 in /homez.40/facebook/www/hello.php on line 13

    Parse error: syntax error, unexpected ‘<’ in /homez.40/facebook/www/hello.php on line 13

    Merci de bien vouloir  m’aider .
    Voici le fichier hello.php

    <?php
        header(‘Location:http://www.facebook.com/pages/Antoine-Reekmans-Photography/109948862408580?v=app_7146470109‘);
        require « config.php »;
        mysql_connect(db_server,db_login,db_pass);
        mysql_select_db(db_name);
        mysql_query(‘set name’ .db_enc);

    $Email = $_POST['Email'];
    $Name = $_POST['Name'];

    $sql = « INSERT INTO Facebook1 VALUES ( », ‘$Email’,'$Name’) »;
    mysql_real_escape_string($Email,$Name);
    mysql_query($sql) or die(‘Erreur SQL !’.$sql.’<br>‘.mysql_error());
    ?>

    un grand merci pour votre aide.
    Antoine

  10. pls85
    09/02/2011 à 16:27 | #10

    Meme tutoriel mais pour passer d »un formulaire javascript à FBJS ??comment faire??certains balises ne sont pas acceptées ?

    J’ai retiré les balises inutiles html, head, et body mais ça ne marche pas

  11. PMGtech
    27/11/2010 à 15:44 | #11

    oui du debut jusqu a la fin
    j ai meme installé easyphp ou utiliser phpmyadmin

  12. Athomedia
    26/11/2010 à 10:19 | #12

    Tout est expliqué dans ce post.
    Un élément vous échappe ?

  13. PMGtech
    25/11/2010 à 22:49 | #13

    Slt je voudrai savoir le procédure pour mettre un formulaire contact dans ma page facebook

  14. romain
    29/09/2010 à 10:21 | #14

    super tuto, merci :D  
    encore ! encore !!

  1. 13/10/2010 à 13:36 | #1
  2. 25/11/2010 à 15:36 | #2

This site is using OpenAvatar based on