Vous êtes ici: Accueil » Social Media » Comment Créer Une Application Iframe Pour Votre Page Facebook ? Vidéo

Comment Créer Une Application Iframe Pour Votre Page Facebook ? Vidéo

Isabelle Mathieu | 22 mars 2011 | 102 Commentaires

Depuis le 11 mars, il n’est plus possible d’utiliser FBML pour créer une application Facebook. Je vous ai donc préparé un tutoriel vidéo pour vous montrer comment créer une application Iframe pour ajouter une Landing Page sur votre Page Facebook.

Le tutoriel se déroule en 4 étapes :

création d’une page HTML
création d’une application Iframe
ajout de l’application Iframe sur votre Page
sélection de l’onglet Bienvenue par défaut

Les dimensions optimales pour la landing Page sont de 520 pixels de large. Essayez également de positionner vos marges internes et externes ainsi que la bordure à 0 dans le fichier css afin d’éviter les barres de défilement.

Si vous avez des questions, n’hésitez pas : j’y réponds dans les commentaires.

C’est aussi le moment où jamais de me rejoindre sur Facebook ;-)

Note : voici l’url de Facebook Developers http://www.facebook.com/developers/

Catégorie: Social Media

Tags: application, facebook, fbml, featured, iframe

Au sujet de l'auteur (Profil auteur)

Isabelle Mathieu est consultante social media et accompagne des entreprises dans le développement de leur stratégie e-marketing. Vous pouvez la retrouver sur Facebook, Twitter, Google+, LinkedIn et Viadeo.

http://www.visualproject.com Sophie.Ducq.Ahnine

Excellent Isabelle! C’est simple et précis à la fois.
Simone B.

Merci beaucoup Isabelle pour ce tutoriel encore une fois didactique, utile et très explicite!
Votre aide m’est bien précieuse:-)

J’attends le prochain avec impatience,
à bientôt

Simone
http://twitter.com/ffeugas Fabrice

Isabelle, hier soir j’ai cherché sur ton blog un article tuto à propos des iframe facebook et comme si t’avais entendu mon appel, cet article arrive ce matin dans ma boite e-mail :)
A point nommé ! Je like :)
http://preduwalhalla.com Brigitte

Merci Isabelle pour ce tuto très clair. Pour ma part, j’ai des soucis avec FB en ce moment. Notamment, dans ce cas, voici le message affiché lorsque je clique sur “créer une application” :

Votre compte doit être vérifié avant que vous ne puissiez effectuer cette action. Veuillez vérifier votre compte en ajoutant votre téléphone mobile ou votre carte de crédit.

Bizarre, non ?
Surtout que je n’ai pas trouvé ce qui pourrait créer ce blocage :-(

Brigitte
http://www.emarketinglicious.fr Isabelle

@sophie & @simone : merci ! j’espère que ce tutoriel vous sera vraiment utile :-)
@fabrice : je confirme – cela s’appelle de la transmission de pensée lol Je teste actuellement une application pour les landing pages de Facebook. Si les tests sont concluants, je rédigerai un nouveau billet la semaine prochaine :-) Stay tuned !
@brigitte : je pense que votre problème vient du fait que votre compte n’est pas encore été accrédité pour le développement d’applications. Suivez la procédure indiquée avec de préférence l’ajout d’un numéro de téléphone (cliquez sur le lien téléphone mobile). Une fois que Facebook aura validé votre compte, vous pourrez créer une application :-)
http://preduwalhalla.com Brigitte

Ah, effectivement ! Dans ce cas, je ne créerai pas d’application ;-) …. Tant pis.
http://www.blogwebmarketing.wordpress.com yvain ducrocq

Hello isabelle,
J’aime beaucoup ta vidéo mais il manque pour moi quelques informations que tu pourrais me renseigner.

-Comment faire pour que l’image change quand la personne clique sur “devenir fan” , avec le fbml c’était possible je sais qu’avec l’iframe c’est possible mais je n’ai pas encore trouvé
-Propose tu les landing page dans le repertoire d’application facebook?Si non pourquoi?
-Les landing page ne redirige plus sur le mur apres avoir été validé, la mise en place d’une seconde image devient donc nécessaire
-Concernant la page application créé, je conseil aux personnes de bloquer le mur et de rediriger les personnes vers la page fan car il arrive que certains fans tombent sur cette page et commence à poser des questions en pensant qu’il s’agit de l’unique page fan de l’entreprise(+ajout de foto de profil et description)

Bonne journée et encore merci,
Yvain
http://www.facebook.com/#!/pages/speednamingcom/7752880381 Emmanuel

Merci Isa trés jolie voix douce…(pas étonné) ;)Cela étant dés que j’ai un peu de temps je vais revisionner suis pas doué pour ce genre de chose ;) bonne journée.

Emmanuel
http://twitter.com/ffeugas Fabrice

Il y a quelques temps, j’avais commencé à tester http://www.tabsite.com/.

Ça me paraissait pas mal mais je n’étais pas allé au bout du test.

Pour le tuto vidéo, manque plus qu’un peu de musique pour donner du rythme ;o)
http://www.emarketinglicious.fr Isabelle

@fabrice : oui effectivement c’est une des solutions du marché. Pour la musique = incroyable ! > j’avais sollicité les membres de ma communauté Facebook justement sur ce sujet, et le style Drum’n Bass avait été voté à l’unanimité. Cela te convient ? ;-)
http://www.emarketinglicious.fr Isabelle

@yvain : bonjour, l’objet du présent tutoriel est l’installation d’une landing page “normale”. Je sais que les reveal tabs intéressent également les lecteurs du blog. Aussi elles feront l’objet d’un nouveau billet. Merci.
Sébastien

Bonjour,
j’ai vu que votre image qui est utilisée pour votre fan page fait plus de 700px de haut. Comment faites-vous pour qu’il n’y ai pas de scrollbars qui apparaissent.
Car dans la fanpage que je met en place, le design fait beaucoup plus de 700 px de haut (près de 900px je crois)et une scrollbar verticale apparaît :/
Merci :)

Et merci également pour votre tuto vidéo :)
Cordialement
http://www.emarketinglicious.fr Isabelle

@sébastien : bonjour, essayez ça dans le fichier css >

body {
width:la valeur de la taille de votre image mais inférieure à 520 px;
margin:0; padding:0; border:0;
}

C’est comme ça que j’ai résolu les problèmes de scrolling vertical + horizontal :-)
Romain

Bonjour Isabelle!

Tout d’abord bravo pour cette excellent tuto!

Mais j’ai une question. J’aimerais mettre du flash en landing page est-ce possible?
J’ai trouvé un site(je ne sais pas si je peux le siter ;)!!)) ou il faisait des landing page en flash ( voir même des minis sites car on peut y insérer des onglets et des pages de contact). La démarche est-elle la même?

Merci d’avance pour ta réponse.
Et encore bravo
http://www.emarketinglicious.fr Isabelle

@romain : merci ! Il est effectivement possible d’intégrer du flash mais comme je ne l’ai pas fait, je ne pourrais pas vous dire quelle est la méthode exacte :-)
Romain

Bonjour,
Je vais essayer de le faire et je reviendrai vous montrer le résultat si j’y arrive ;)!
Guédon

Bonjour Isabelle,

Nous venons de créer un compte Facebook avec une application IFRAME.Quand on va sur http://WWW.facebook.com/developers/ on nous demande un code de confirmation par téléphone qu’on a pas reçu. Nous avons créé une page IFRAME Apps.La page malgré l’application par defaut disparait et il faut la reconfigurer à chaque fois.Que pouvons nous faire pour régler ce problème?

Cordialement,
Dominique
http://www.elodiekloeckner.com MademoiZelleK

Bonjour,

Tout d’abord, merci pour ce tutoriel. Ensuite, j’aimerais savoir s’il est possible d’intégrer une landing page sur une page fan qui n’est pas liée au profil du créateur de cette landing page. J’espère être assez claire…

Merci,
Elodie
Romain

Bonjour,
J’essaie de me mettre sur facebook/developers mais le code par téléphone ne mets toujours pas envoyé.
Suis-je le seul dans ce cas?
Dois-je reciommencer?

Merci
http://www.ex-citation.ca Sihem

Bonjour Isabelle,

Super ton tuto. J’ai beaucoup appris aujourd’Hui. Juste un petit souci concernant le scrolling. J’ai raccourci ma page au max (512 pixel) et le scroll est toujours là. As-tu une astuce? J’ai vu plus haut que tu parlais de CSS.Quoi mettre dans le ccs?

Merci

Sihem du Québec.
http://www.emarketinglicious.fr Isabelle

@guedon & @romain : bonjour, FB demande une authentification de votre compte par tel ou cb. J’ai choisi le téléphone et effectivement j’ai dû m’y reprendre à plusieurs fois pour recevoir le code. Il faut vraiment suivre la procédure à la lettre. Bon courage et insistez …
http://www.emarketinglicious.fr Isabelle

@MademoiZelleK : bonjour, il faut être l’administrateur de la Page :-)
http://www.emarketinglicious.fr Isabelle

@sihem : bonjour, je viens de mettre à jour les infos sur le commentaire :-)
http://www.ex-citation.ca Sihem

Wow! Quelle Rapidité et éfficacité!!!!

Merci beaucoup Isabelle.

Sihem
Romain

Re-bonjour,
Bon alors la je sèche!!!! (dommage ça a l’air d’être au moment le plus simple).
Impossible d’avoir ce code de confirmation de malheur.
Je suis tjs renvoyé sur la page de confirmation et impossible de retaper mon num de téléphone, même après avoir vidé mon cache.
Si quelqu’un à une solution je suis preneur!
Mais il doit bien y avoir une soluce simple, car je présume que certaine web agency propose la creation et la mise en place d’iframe non?
http://www.twitter.com/florian_gheno FLG

Bonjour et merci pour le tuto !
Cependant, meme problème pour moi avec le code par téléphone, je n’ose pas insister par peur de griller le numéro de cellulaire et de ne plus pouvoir m’inscrire par la suite !
Si solution miracle il y a, je suis preneur !
Merci d’avance !
http://www.emarketinglicious.fr Isabelle

@romain & @flg: vous devez ré-essayer. Effacez votre numéro de tél dans les deux endroits prévus à cet effet :
1° – modifier le profil > coordonnées
2° – compte > paramètres du compte > mobile
Le numéro qui s’affichera doit revêtir la forme suivante : 336XXXXXXXX
Je m’y suis prise à plusieurs reprises mais j’y suis arrivée. Je pense que le problème vient de la numérotation que vous indiquez la 1ère fois. N’utilisez pas le zéro. Bon courage :-)
http://www.twitter.com/florian_gheno FLG

@Isabelle > merci pour la réponse rapide !
Je vais donc essayer de procéder comme cela.
Cependant je ne suis pas(plus) en France j’ai donc un autre indicatif.

Dans votre cas vous avez inscrit 336xxxxxxx ?

Je pensais que l’indicatif étant précisé au dessus, il suffisait de mettre le numéro !

C’est peut-être cela, je vais essayer !

Encore merci
Romain

Bonjour,
Alors dernière nouvelle.
J’ai essayé et réessayer avec les comptes de la famille et des amis. Et la miracle! Un code est arrivé. Mais le soucis c’est que j’avais mis le fameux 0…

Peut-être un petit bug…
Romain

En tout cas un grand merci pour l’aide fourni à la petite communauté ;)!!
https://www.facebook.com/florencemaslankalespectacle Florence MASLANKA

Bonjour,
super article merci !!!
cela m’intéresse beaucoup pour ma page le souci est que FB me demande mon tel, le problème que dans mon compte mon tél est noté en attente, je ne peux pas le supprimer, le modifier, je ne peux rien faire…
alors comment faire ???? :-))
merci
florence
benjamin

bonjour,

le tutoriel est très claire. en revanche j’ai un souci pour les url des photos.

je ne possède pas de serveur et je voudrais mettre une simple image dans l’onglet.

Peut on l’herbeger sur facebook ou sur un autre site internet et ensuite la mettre dans l’onglet ?

j’ai fais le test mais cela ne marche pas, hors j’avais lu dans un autre forum que c’était possible.
Linda

Bonjour,

merci beaucoup pour ces informations.
Je souhaite créer une page fan également mais je n’ai pas créer de profil au préalable…
Pensez vous que je risque de rencontrer des difficultés?
De plus, je n’ai pas de message de confirmation pour créer une application…
Merci
https://www.facebook.com/florencemaslankalespectacle Florence MASLANKA

@Isabelle

336xxxxxxx sur le réseau Syniverse en attente renvoyer le code | supprimer

je n’ai pas de n° dans mes coordonnées et voilà mon message dans Mobile et c’est bloqué je ne peux rien faire, ni le supprimer, ni renvoyer le code…rien n’y fait……. gggggggrrrrrrrrrrrr
merci de votre aide
http://www.twitter.com/florian_gheno FLG

@Linda Sans profil facebook il va être à mon avis impossible de créer une fan page !
http://www.emarketinglicious.fr Isabelle

@florence : je ne vois pas comment il vous serait impossible de supprimer les téléphones aux deux emplacements que j’ai indiqués dans les commentaires plus haut.

@benjamin : j’héberge toujours mes photos sur mon serveur donc difficile pour moi de vous dire si cela fonctionne sur d’autres services externes.

@linda : en effet, comme @flg l’a précisé, il n’est pas possible de créer une Page sans Profil ou sans compte entreprise. Je ne recommande pas cette dernière option car les fonctionnalités sont très limitées.
https://www.facebook.com/florencemaslankalespectacle Florence MASLANKA

BOnjour Isabelle
Je comprends que vous ne compreniez pas, car moi non plus ! aucun problème pour enlever le tél dans les coordonnées ok !! par contre dans mon compte c’est IMPOSSIBLE !!!
voici le message que j’ai depuis 1 mois environ /

* 336XXXXXXX sur le réseau Syniverse en attente renvoyer le code | supprimer

lorsque je clique sur renvoyer le code, cela ne fait rien !
lorsque je clique sur supprimer j’obtiens le message suivant : Une erreur s’est produite. Nous nous efforçons de corriger cela dans les plus brefs délais.

comment faire ?
merci
http://www.emarketinglicious.fr Isabelle

@florence : il y a DEUX endroits où vous devez effacer le code. Ce après quoi vous n’avez plus le message que vous consultez actuellement. Si vous le consultez, c’est que vous n’avez pas enlevé le téléphone aux deux endroits. Vous pourrez à nouveau rentrer un numéro de téléphone sur Facebook Developper — SANS le zéro.
https://www.facebook.com/florencemaslankalespectacle Florence MASLANKA

Bonjour,
Bon tant pis…. :-(
j’ai suivi exactement ce que vous avez écrit mais en fait sur la page Compte / Paramères du compte c’est comme si mon tél était bloqué et j’ai toujours le même message ci-dessus, et je n’ai jamais mis de 0.

je reprends votre explication ci-dessus :
@romain & @flg: vous devez ré-essayer. Effacez votre numéro de tél dans les deux endroits prévus à cet effet :
1° – modifier le profil > coordonnées JE L’AI FAIT
2° – compte > paramètres du compte > mobile
Le numéro qui s’affichera doit revêtir la forme suivante : 336XXXXXXXX

j’ai le message suivant
* 336XXXXXXX sur le réseau Syniverse en attente renvoyer le code | supprimer

lorsque je clique sur renvoyer le code, cela ne fait rien !
lorsque je clique sur supprimer j’obtiens le message suivant : Une erreur s’est produite. Nous nous efforçons de corriger cela dans les plus brefs délais.

bon tant pis, peut être qu’un jour cela ce débloquera tout seul…
merci quand même
Medox

merci isabelle mais j’ai un probleme en uploading de la photo j’ai pas compris !!! comment proceder au html de ma photo ??!! et merci
clement

Bonjour Isabelle,
merci pour cette video :-)
Mais je n’arrive meme pas à trouver l’endroit ou il y a le bouton “créer une application” !!! je suis allé sur la partie developer de facebook mais impossible de trouver le bon endroit… je n’ai acces qu’a la doc de facebook…

Merci pour ton aide :-)
Clément
clement

Re, petite precision :
quand je vais sur cette adresse : http://www.facebook.com/developers/
je suis redirigé automatiquement vers ma page entreprise !!!
Claire

Bonjour Isabelle,

Tout d’abord merci pour ce tuto très bien expliqué.

J’ai cependant un petit problème…

Déjà j’ai bien ajouté mon application à ma fanpage, mais il n’y pas pas l’onglet.
Par contre quand je vais dans “modifier ma page” puis dans “mes applications” je retrouve bien mon appli.

Mais quand je clique sur “accéder à l’application” j’ai ceci:
“Veuillez mettre à jour votre URL de rappel
Afin de vous assurer que les utilisateurs puissent voir votre application à partir d’une connexion sécurisée (https), veuillez visiter la console développeur pour mettre à jour votre URL de rappel.”

Avez-vous une idée de ce qui ne passe pas?

Merci d’avance.

Claire
http://www.emarketinglicious.fr Isabelle

@medox : voici la procédure :-)
1° vous uploadez la photo sur votre serveur
2° vous créez un fichier html dans lequel vous ajoutez l’image hébergée sur votre serveur

@clement : avez-vous un compte entreprise ou un profil personnel ? Avez-vous déjà authentifié votre compte auparavant pour créer une application via la procédure standard de FB developers ou est-ce la 1ère fois ?

@claire : avez-vous sécurisé votre compte FB via https ? Mon compte > Paramètres > Sécurité du compte ? Si non, je vous invite à re-créer votre application.
http://www.vso-software.fr Anne

Bonjour
merci pour ce tutoriel, exactement ce que je cherchais. Les choses se corsent également pour moi pour obtenir le fameux code de validation par SMS. j’ai bien suivi toutes les instructions, et même recommencé deux fois. A chaque fois je reçoit un message “oops il y a un problème, nous esperons vite le rétablir” ou un truc du genre… je réessaierais demain mais je suis pessimiste. Quelqu’un d’autre a eu ce message ? le SMS arrive rapidement quand ça marche ?
Merci !
http://www.emarketinglicious.fr Isabelle

Désolée Anne malheureusement je ne pourrai pas donner d’autres conseils que ceux que j’ai déjà donnés dans les commentaires précédents :)
http://www.comment-economiser.fr/ Guillaume

Bonsoir Isabelle,

Tout d’abord merci pour ce tuto très clair. J’ai une petite question d’ordre pratique : comment faire pour que la personne venant de liker ma page sur facebook soit redirigée directement après sur mon mur ?

Car, au moment où je vous parle, lorsqu’une personne like ma page, elle reste sur ma page bienvenue au lieu d’être redirigée vers mon mur présentant toutes nos dernières infos et astuces.

J’espère avoir été assez clair, et surtout que vous avez une réponse !

Je vous remercie par avance.

Cordialement
http://www.emarketinglicious.fr Isabelle

@guillaume : je ne connais pas de solution pour remédier à cette situation
vanessaf

Bonjour,

Video tres interessante ! Merci

Par contre, comme la plupart ici, je n’arrive pas du tout a passer l’etape 1 de la verification de compte…
J’ai eu beau effacer mon numero de telephone, encore et encore, rien n’y fait…
Il ne me propose meme plus de m’envoyer un code.

Une autre question :
Sur ces applications iframe est-il toujours possible d’inserer les blocs d’invitation d’amis comme c’etait le cas en FBML ?

Ce genre de code :
<fb:request-form
method="post"
type="xxxxxxxxx.com"
invite="true"
content="Découvrez xxxxxxxxxx ! “>

Merci d’avance pour vos reponses
anne

@vanessaf
J’ai eu le même probleme que toi. Après voir tout essayé, je n’ai jamais reçu le fameux code, la seule solution a été de m’identifier en entrant mes coordonnées bancaires… je me refusais à le faire, mais bon, contrainte et forcée.. la, miracle j’ai été “approuvée” développeur immédiatement.
tu peux peut être le faire juste pour avoir l’approbation, et les effacer ensuite dans ton admin ?
vanessaf

@anne : j’ai effectivement opté pour les coordonnées bancaires et en 2 temps 3 mouvements c’était résolu !

Facebook doit vouloir nos numéros de carte…
http://Www.swannetoscar.com Laure

Bonjour !
Merci beaucoup pour votre tutoriel, j’ai test,é tout s’est passé parfaitement jusqu’au moment où je clique sur l’onglet (la boutique S&O)…
http://www.facebook.com/pages/Swann-et-Oscar-chemise-sur-mesure/27994272262
Je souhaite afficher cette page : http://www.swannetoscar.com/boutique-chemise-sur-mesure-paris.html
Pouvez-vous me filer un coup de main ? Qu’ai-je fait de mal ?
Merci d’avance !
http://www.emarketinglicious.fr Isabelle

@laure : désolée Laure mais je n’offre pas de support au cas par cas. Le tutoriel porte juste sur la création d’une application Iframe. Ensuite, il appartient aux lecteurs d’intégrer au mieux ce qu’ils souhaitent (image, formulaire, concours etc …) Bon courage :)
http://Www.swannetoscar.com Laure

@Isabelle : En fait j’ai résolu le problème avant votre réponse.
J’avais une erreur 405, et j’ai donc modifié les permissions sur la page.
Merci.
http://www.neozone.org NeozOne

Bonjour,

Il est possible d’afficher plus en que 520px en largeur en affichant directement l’application,

http://www.neozone.org/tutoriels/tuto-afficher-une-iframe-integrale-sur-facebook/

Et pour la hauteur c’est pareille grâce à un script. On peut virer la barre de défilement (scrolling)

http://www.neozone.org/tutoriels/scrolling-passer-outre-la-limitation-des-iframes-facebook/
vanessaf

Bonsoir,

Sauriez-vous comment faire pour que les personnes ayant des connexions securisees sur Facebook puissent voir les iframes ?

(J’ai deja mis mon propre compte en connexion non securisee ce n’est pas suffisant…)

Merci pour votre réponse.
Vincent

Est-on obligé de compléter son profil avec numéro de téléphone et/ou carte de banque pour pourvoir commencer sa première application ?

Savez vous pourquoi ?

Sinon, nickel cette petit vidéo
http://www.emarketinglicious.fr Isabelle

Oui Vincent c’est obligatoire et c’est tout simplement imposé par Facebook pour vérifier la véritable identité des personnes qui créent des applications :)
http://www.banquesav.fr/ Jean-Baptiste

Bonjour Isabelle ,

Merci pour ce tutoriel et pour tout le blog. J’ai juste un petit problème concernant l’image. Quand je me rends sur la page de l’Iframe Facebook me demande un mot de passe et un identifiant pour accéder à l’image.

Aurais tu une solution ?

Merci par avance.
Jean-Baptiste

Merci mais je viens de trouver ma réponse sur un blog !
http://www.emarketinglicious.fr Isabelle

Bonjour Jean-Baptiste, si vous le souhaitez, vous pouvez poster votre solution dans les commentaires : un autre lecteur pourrait rencontrer le même problème ;)
niry

Bonjour, je souhaiterai savoir comment s`il y a pas un autre moyen de créer une application sans code d`activation?
Aidez moi svp.
Merci
http://www.emarketinglicious.fr Isabelle

@niry : bonjour, non ce n’est possible : il s’agit de la procédure standard de Facebook …
http://www.vso-software.fr anne

Bonjour
J’ai réussi à créer ma landing page. maintenant j’aimerai que quand les gens cliquent sur “like” ils atterissent sur une autre page ou je peux leur donner une réduction. Bref je créerai une autre page html pour le contenu, mais question bête comment les faire atterir sur cette page quand ils cliquent sur “like” ?
http://www.emarketinglicious.fr Isabelle

Bonjour Anne, Vous pouvez envisager une fan gate donc une landing page avec une vue non fans et une vue fans où vous permettrez sur cette dernière l’accès à votre réduction :)
Voici un tutoriel : http://www.youtube.com/watch?v=XM6lRv-DigU
Poussinette

Bonjour Isabelle,
Et merci beaucoup pour vos tutoriels très instructifs.

Malheureusement, il m’est impossible de créer une appli iframe à partir de mon compte facebook. Je m’explique :

J’ai une page facebook, créée à partir d’un compte facebook, jusque là, rien d’anormal.
Lorsque j’essaie d’accéder à la page developers/apps, ma fenêtre affiche une “page facebook vide”.
J’ai bien validé mon compte facebook par sms
J’ai testé sur plusieurs navigateurs
J’ai cherché sur différents forums…

Rien à faire !
J’ai donc testé le même exercice à partir d’un autre compte facebook : ça marche ! par contre, lorsque j’essaie d’importer cette application sur ma fichue page…il me met un message d’erreur….
Auriez vous une idée ??
Merci d’avance
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Poussinette, je n’ai pas rencontré ce problème et donc il me sera difficile de vous apporter une aide quelconque. Toutefois vous pouvez essayer de vider le cache de votre navigateur ou d’en utiliser un autre pour voir si cela règle le problème. Votre Page blanche s’affiche bien à l’adresse facebook.com/developers ? Y avez-vous déjà accédé auparavant avec un affichage correct pour le compte qui pose problème ?
http://www.carnavaltropicaldeparis.fr/ VincentR

Bonjour Isabelle,

Facebook ayant modifié la création de ses applications où trouve-t’on maintenant la fonction page du profil de mon application pour lier l’application à notre page

Merci d’avance
http://www.emarketinglicious.fr Isabelle Mathieu

Désolée Vincent mais je n’ai pas compris la question :(
http://www.carnavaltropicaldeparis.fr/ VincentR

Dans votre video (4’42”) vous utilisez la fonction : page du profil de l’application pour lier l’application à la page.

Mais Facebook a encore changé de place ses fonctions et cette fonction n’est plus sur la page d’accueil de la page de l’app.

Savez-vous où on la retrouve ?

Vincent
http://www.emarketinglicious.fr Isabelle Mathieu

D’accord. Merci pour ces précisions Vincent :)
Voici la procédure :
Paramètres > Edit settings > Afficher le profil de l’application (dans le menu de gauche) > Ajouter à ma Page. Et voilà ;)
http://www.carnavaltropicaldeparis.fr/ VincentR

C’est bien ce que j’avais essayé de faire mais je n’ai pas ajouter à ma page dans le menu gauche de la page de l’appli ….
Poussinette

Bonjour Isabelle,
J’ai tout essayé, tous les navigateurs, j’ai ouvert un autre compte avec lequel il n’y a pas de soucis…
J’ai trouvé sur un forum une adresse autre que la “classique” pour les web.
Il faut tester en allant sur l’adresse suivante :
https://www.facebook.com/developers/createapp.php

Pour ma part ça a fonctionné…
Le problème maintenant c’est qu’il me demande
soit que le lien se termine par un “/” soit qu’il y ait un “?” dans ce lien… (lors de la création de mon appli ..) et je ne vois pas comment je pourrais ajouter ces éléments..j’ai testé le “/”, le lien ne se fait plus, et le “?” je ne vois pas par contre du tout !
C’est un vrai parcours du combattant !
http://www.emarketinglicious.fr Isabelle Mathieu

C’est étrange VincentR car même avec la nouvelle présentation, j’ai toujours accès à ce lien.

Merci pour l’info Poussinette :)
A quelle étape de quel onglet rencontrez-vous ce nouveau problème ?
http://www.vibert-eclairage.fr Tibo

Bonjour Isabelle,

Et merci pour ce tuto…

Cependant je continue la question de “VincentR” à propos de la nouvelle présentation de facebook, la création d’application a changé, et j’ai du mal à saisir les url(s) qui me sont demandées…? ex : Page Tab URL / Page Tab Edit URL)

Mon appli est bien crée, les liens vers un fichier html sont ok, pourtant ma page reste définitivement vide..?

Voila l’url : http://www.facebook.com/pages/Vibert-Eclairage/273688462644994?sk=app_156218351098324

Vous remerciant par avance..
Lekouinte

Bonjour,

Pourriez-vous me confirmer que la création d’une application iFrame et son intégration dans une Pages se fait uniquement avec un compte utilisateur et non avec un compte Pages.

En effet, je souhaiterais mettre en place une Pages pour mon organisation avec une iFrame mais sans que ce compte soit lié à mon compte personnel.
Or, une fois l’application difficilement créée depuis le compte de mon entreprise (Pages uniquement), il ne m’est pas proposé de l’intégrer à ma Pages…

Auriez-vous une idée ?

Merci beaucoup.
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Tibo, continuez-vous à avoir ce problème ? La page se charge normalement pour moi :)

Bonjour Lekouinte, Il n’est pas possible d’ajouter une application iframe via un compte entreprise : “You will not, however, be able to view the profile information of any other users on the site, or add any other applications to your account. Your account will not be visible in search and other users on the site will not be able to find you and add you as a friend.”
Jonathan

Bonjour Isabelle

Facebook viens encore il me semble de modifier la présentation et la complexité de developers. Pour ma part mon problème réside dans “Secure Page Tab URL” dans le choix d’intégration “Onglet de Page”.

En effet pour obtenir la même configuration que vous l’on doit maintenant opter pour “Select how your app integrates with Facebook” -> “Onglet de Page” et renseigner “Page Tab Name:” “Page Tab URL:” et “Secure Page Tab URL”. Pour moi le dernier choix à renseigner “Page Tab Edit URL:” n’est pas nécessaire.

J’en viens à mon soucis. L’orsque je rentre mon url http://www.nomdemonsite.fr sur “Page Tab URL:” et “Secure Page Tab URL” j’ai bien mon iframe qui s’affiche en HTTP mais pas en HTTPS. Ce qui semble logique puisque mon url n’est pas en HTTPS! Mais je ne sais pas comment faire dans ce cas.
Pour l’instant j’ai une page blanche qui s’affiche. En tapant https://www.nomdemonsite.fr cela me mets une erreur “Échec de la connexion sécurisée” ce qui semble normal également.
Avez vous une idée?
http://www.vibert-eclairage.fr Tibo

Bonjour Isabelle,

Merci pour votre réponse … Tout est rentré dans l’ordre depuis, l’erreur venait de moi et de mon fichier html au mauvais endroit sur le serveur…

Bonne journée
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Jonathan, si vous n’avez pas de site hébergé en mode https, vous n’avez pas à utiliser le champs « Secure Page Tab URL ». Par ailleurs, si votre site ne possède pas de certificat ssl, vous ne pourrez pas vous y connecter en mode https (https://www.nomdemonsite.fr) :)
Sylvain

Bonjour,
J’aurais une question : j’ai créé de nombreuses landing pages de cette manière mais facebook a demandé à ce que les applications soient accessibles en mode HTTPS dès le 1 octobre.
Quid de nos landing pages qui ne sont pas de ce registre ?
Va-t-il falloir faire de longues procédures de code et investir dans des certificats SSL ? Je voulais savoir ce que vous en pensiez…
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Sylvain, je viens d’écrire un billet à ce sujet ici : http://isa.tl/qrkfFa
Julien

Petite question isabelle concernant l’obligation d’ajouter un certificat SSL pour le domaine afin d’ajouter une app landing page. Peut-on utiliser un certificat personnel ? (sans une demande d’ajout du certificat) Ou est-on obligé de payer un certificat reconnu ?

Car si on doit passer à la caisse, je crois que je vais me tourner vers les applications iframe app / tab qui permettent d’ajouter une landing page. Malheureusement, le favicon n’est pas personnalisable mais au moins c’est gratuit…
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Julien, je ne connais pas le certificat personnel donc j’aurais tendance à pencher pour la 2ème option. Les services tiers de type wildfire etc … sont donc bien pratiques pour contourner le problème :)
Hervé

Bonjour Isabelle,

J’ai une page facebook qui avait une application iframe.
La page a été désactivée par facebook puis réactivée par eux même.
Depuis, l’application a été perdue.
J’essaye donc de la rajouter.
Si je vais sur ma page, que je clique sur “modifier la page” puis “Applications” elle apparait mais je n’ai aucun moyen d’action.
Je tente donc de reprendre tout le processus mais dès la première étape j’ai un problème :
Lorsque j’essaye d’accéder à facebook.com/developers j’atterris directement sur ma page de statistiques de pub…
Impossible de trouver une solution…
Auriez vous une idée… je galère depuis plusieurs jours!

Merci d’avance!
Hervé
http://www.emarketinglicious.fr Isabelle Mathieu

Bonsoir Hervé, pourriez-vous me faire parvenir une capture d’écran des applications listées sous : « modifier la page » puis « Applications » svp ? – merci d’utiliser le formulaire de contact du blog, je vous indiquerai ensuite une adresse e-mail pour l’envoi du fichier.
Concernant FB developpers, je n’ai aucun idée du problème car je ne l’ai jamais rencontré.
http://FanPageTerroirsPassion80 Eric Plé

Bonjour,

J’ai mis en place une fan Page avec Ifram app Wildfire
fichier jpg.

Cette fan page sera t elle Visible sur SMARTPHONE.

Bien Cordialement,
Eric PLé
http://www.emarketinglicious.fr Isabelle Mathieu

Bonsoir Eric, A priori oui :)
Christopher

Bonjour,

Merci pour cette vidéo qui m’a été bien utile !
J’aurais une question : Comment faire une page différente pour les fans, et les non fan ? (qui ont ou non cliqué sur ‘J’aime’)

J’ai déjà vu ça pas mal de fois sur des pages, et j’aimerais reproduire le concept. En gros une image de la page qui change en fonction.
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Christopher, j’ai produit un autre tutoriel vidéo pour créer une page FB avec vue fan et une vue non fan via l’application de Wildfire : http://youtu.be/XM6lRv-DigU :)
http://fanpageTerroirspassion80 PLE Eric

Bonsoir, Isabelle

As tu pu voir avec Wildfire pour le retrait de la barre de défilement .

Ma fan page et en jpg.

Bien Cordialement
Gérald Micheels

Bonjour,

Depuis peu, quand je crée une application, je n’ai plus le lien dans la colonne de gauche “Afficher le profil de l’application”.
Je n’ai donc plus la possibilité d’ajouter l’application à une page Facebook.

Avez-vous déjà rencontré ce problème ?

Bien à vous
http://www.emarketinglicious.fr Isabelle Mathieu

Bonsoir Gérald,

Cela fait fait un certain temps que je n’ai pas créé de nouvelles applications. Donc je ne peux pas répondre à votre question. Désolée de ne pas vous être plus utile cette fois-ci :)
http://chambres-hotes-ty-var-roz.fr/ Tom Lerouge

@Gérald Micheels : Bonjour,
En effet, lors de ma précédente création d’application iframe lorsque l’on validait l’application, on avait accès directement dans la liste liens utiles de l’application à l’option Afficher le profil de l’application, et maintenant cette option n’apparait plus. Nous sommes dejà deux avec ce pb, il y a qqc de nouveau à faire dans la création de l’application pour voir cette option.
http://chambres-hotes-ty-var-roz.fr/ Tom Lerouge

Bonsoir,

A force de recherche, j’ai trouvé la solution au problème. Il s’agissait bien d’un bug de FB, donc en attendant qu’il soit corrigé, vous devez utiliser le lien suivant pour rattacher votre application à votre page :

https://www.facebook.com/dialog/pagetab?app_id=APP_ID&display=popup&next=https://URL_TO_YOUR_APP_ON_YOUR SERVER]

N’oubliez pas de changer [APP_ID] par votre n° ID application et
[URL_TO_YOUR_APP_ON_YOUR SERVER] par votre nom de domaine avec le nom d’application.

Voila si cela peut dépanner certains d’entre-vous.
http://www.emarketinglicious.fr Isabelle Mathieu

Un grand merci Tom pour votre aide :)
http://chambres-hotes-ty-var-roz.fr/ Tom Lerouge

Bonsoir,

De rien, et j’en profite pour vous remercier pour le travail effectué sur ce site, et la qualité des articles que vous écrivez.
Cela donne envie, bien modestement de vous aider ainsi que vos lecteurs, lorsque l’on peut.

A bientôt.
Gérald Micheels

Merci pour votre aide Tom !
laurent

Bonjour,
Impossible d’intégrer ma nouvelle appli …
Quelqu’un a t-il la solution ?? Je ne la vois pas apparaitre :(
Merci.
Slts
http://www.emarketinglicious.fr Isabelle Mathieu

Bonsoir Laurent, quel est le problème que vous rencontrez ?
Reda

Bonjour,

Je viens vers vous car je rencontre un problème pour la mise en place d’une application facebook via iFrame?

Mon problème : Depuis quelques temps, Facebook requiert l’obtention d’un certificat SSL pour la création d’applications. Sauf que je n’ai pas encore acquis ce certificat. Alors mes questions sont : comment faire pour contourner ce souci ? Est ce que le serveur “Heroku” est fiable et facile à utiliser ? Et comptez vous faire un nouveau tuto sur la création d’application, sachant que FB change chaque mois sa config’ lol.

Merci par avance.
Vous faites de l’excellent boulot !
http://www.emarketinglicious.fr Isabelle Mathieu

Bonjour Reda, il n’y a pas de possibilité pour contourner le problème. Vous devez acquérir un certificat de sécurité et vérifier que votre offre d’hébergement est compatible avec cette technologie.

Vous pouvez autrement passer par des applications tierces (Wildfire etc …) pour réaliser vos onglets. Votre contenu sera alors hébergé sur leur serveur sécurisé.

Il faudrait en effet que je publie une nouvelle vidéo avec la procédure actuelle :)

Merci pour votre soutien :)

Comment Créer Une Application Iframe Pour Votre Page Facebook ? Vidéo

Au sujet de l'auteur (Profil auteur)

REJOIGNEZ NOS 54 000+ MEMBRES !

NOS SERVICES

SPONSORS

BON PLAN FACEBOOK

CONSEIL STRATEGIE RESEAUX SOCIAUX

NOS PARTENAIRES

Liens

Emarketinglicious

Services

Top Ressources

Lire les articles précédents :

Facebook Met A Jour L’Outil D’invitation Pour Ses Évènements