Votre Fan page FaceBook en iframe

Dans l’article précédent nous avons vu comment faire une fan page en FBML. Mais FaceBook a changé d’avis sur le FBML et ce langage développé par FaceBook va certainement disparaitre.
Si vous avez une page en FBML cette page va continuer à fonctionner. Mais à partir du 11 Mars vous ne pourrez plus utiliser l’application Static FBML.
FaceBook propose donc maintenant les iframes.

Comment faire une Fan Page en iframe :

1- Tout d’abord nous allons créer une application FaceBook. Pas de panique c’est trés simple.

Il suffit d’aller sur la page : http://www.facebook.com/developers/createapp.php

Donner un nom à votre application par exemple  totopage , cliquer sur « agree » (acceptation FaceBook) et créer

Donner les informations dans FaceBook Integration

Canvas Page : j’ai mis jordimirpage

Canvas URL : mon adresse du blog http://jordimir.com/  (avec / à la fin)

Tab Name: j’ai donné comme nom de mon onglet Hello Friends

Cliquer sur Iframe

Tab URL  : mettre l’adresse de votre page HTML ou php qui donnera le code pour moi : jordimirpage.php

Save. Et puis c’est tout!

Vous avez ainsi une application en iframe que vous pourrez ajouter à toutes vos pages.

Aller sur la page de l’application qui est de la forme http://www.facebook.com/apps/application.php?id=votre-id-application et cliquer « Add to my Page » et choisisser

Le code de la page  Iframe:

Oui me direz-vous c’est bien de savoir faire une application en iframe mais que mettre dans ma page application. Et bien voici comment j’ai fait.

Si vous êtes un fidèle lecteur et donc que vous avez lu l’article précédent, vous savez que je suis partisan d’une landing page avec des onglets!
Pour cela c’est simple un petit code javascript en JQuery pour la navigation:

Sur l’onglet 1 (tab 1) un texte de bienvenue
Sur l’onglet 2 (tab2) Un lecteur RSS de ce Blog
Sur l’onglet 3 (tab3) Le mirphone Si vous reprenez cet iframe merci de mettre un lien sur votre blog vers http://mirpod.com
Su l’onglet 4 (tab4) Une page contact. Vous pouvez utiliser JotForm pour avoir le code par exemple

Ma page FaceBook


Home Blog mirPhone Contact
  1. pascal

    Bonjour… j’ai bien le fraime qui s’affiche… mais y a t’il moyen de recevoir en paremetre ou vie du javascript de savoir si le visiteur a deja cliquer su j’aime

  2. best world maps

    Thanks for taking the time to discuss this, I really feel strongly about it and love learning extra on this topic. If attainable, as you achieve experience, would you thoughts updating your blog with additional data? It is extremely useful for me.

  3. off white nike

    Thank you so much for providing individuals with a very nice chance to check tips from here. It is usually very fantastic and as well , jam-packed with fun for me and my office friends to visit the blog at the very least three times in a week to read the newest stuff you will have. Of course, I’m just usually happy with your remarkable methods you serve. Certain 1 areas in this posting are surely the most effective we have all ever had.

  4. model ajans

    Çünkü oyunculuk kariyerinde yer alan insanlar sadece oyuncuyken değildir. Birçok kişi ile birlikte çalışmakta ve birçok projeyle uğraşmaktadır.

  5. kobe shoes

    I wish to get across my admiration for your kindness in support of women who require assistance with this particular subject matter. Your real commitment to passing the solution all around became exceedingly effective and have all the time empowered employees just like me to reach their dreams. Your own important hints and tips implies a great deal to me and even further to my fellow workers. Many thanks; from each one of us.

  6. kd shoes

    I am also writing to let you understand what a terrific encounter my cousin’s princess developed visiting your blog. She learned too many details, with the inclusion of what it’s like to possess an excellent helping mindset to get certain people with no trouble gain knowledge of chosen hard to do topics. You really surpassed people’s expectations. Thank you for displaying those valuable, trusted, informative not to mention cool tips about this topic to Kate.

  7. curso de caligrafia pdf grátis

    A lot of of what you assert is astonishingly precise and it makes me ponder why I hadn’t looked at this in this light previously. This article really did turn the light on for me as far as this specific topic goes. However there is one particular factor I am not necessarily too comfy with and whilst I attempt to reconcile that with the actual central theme of the issue, allow me see just what all the rest of the subscribers have to point out.Nicely done.

  8. daget 4d

    An attention-grabbing discussion is price comment. I believe that you should write extra on this subject, it might not be a taboo subject but typically persons are not sufficient to talk on such topics. To the next. Cheers

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.