2011-02-23 4 views
1

Je veux afficher la page Web de Facebook sur mon site?Afficher Facebook dans un Iframe sur mon site Web

<html> 
<body> 
    <iframe src="http://www.facebook.com/" name="iframe_a"></iframe> 
</body> 
</html> 

Ceci montre juste moi une image de Facebook mais pas le contenu réel. Comment puis je faire ça ?

J'ai essayé et utilisé Php, puis fait écho le contenu sur l'écran que certains ont fonctionné Mais dans ce cas, je ne comprends pas Comment dois-je ouvrir une session sur Facebook. Quand je me connecte, je suis redirigé vers le site principal.

Répondre

0

cela n'a vraiment aucun sens d'afficher facebook dans un iframe sur votre site web.

si vous voulez afficher le contenu de votre page facebook sur l'utilisation Facebook Badges

+0

Je veux montrer mon mur sur sur le site. Cette chose de badge Just Showz la petite icône de profil – Yahoo

+0

cela ne fonctionnera pas. Facebook ne permet pas de montrer votre mur sur un autre site - pour une bonne raison. – felixsigl

2

Je pense que Facebook bloque son utilisation dans une balise iframe.

+0

Oui, c'est ce que je pense, c'est pourquoi j'ai essayé d'utiliser Php pour faire écho sur l'écran – Yahoo

6

Ceci est le code facebook intégré dans ses pages.

if (top != self) { try { if (parent != top) { throw 1; } 

Ce contrôle code si son embarqué dans iframe ses blocs le chargement d'autres données sur les charges plutôt le lien auquel vous pouvez cliquer avec une image.

<script type="text/javascript"> 
     /* <![CDATA[ */if (top != self) { 
      try { if (parent != top) { throw 1; } 
      var disallowed = ["apps.facebook.com","\/pages\/","apps.beta.facebook.com"]; 
      href = top.location.href.toLowerCase(); 
       for (var i = 0; i < disallowed.length; i++) { 
        if (href.indexOf(disallowed[i]) >= 0) { throw 1; } 
       } 
      } catch (e) { 
      setTimeout(
        function() {var fb_cj_img = new Image(); 
         fb_cj_img.src = "http:\/\/error.facebook.com\/common\/scribe_endpoint.php?c=si_clickjacking&m=on\u002509&t=8183";}, 5000); 
     window.document.write("\u003cstyle>body * { display:none !important; }\u003c\/style>\u003ca href=\"#\" onclick=\"top.location.href=window.location.href\" style=\"display: block !important; padding: 10px\">\u003ci class=\"img sp_8dfqpl sx_d67a9a\" style=\"display:block !important\">\u003c\/i>Go to Facebook.com\u003c\/a>"); 

    /* XRCm4Hhw */ }}/* ]]> * 

    </script> 
+0

Et comment puis-je contourner cela? des idées ? – Yahoo

+0

Vous ne pouvez pas faire cela. – Zimbabao

+0

Alors, faut-il invalider ce droit? alors cela fonctionnerait – Yahoo

1

Utilisez l'API Facebook pour afficher vos messages muraux, puis affichez-les où vous le souhaitez. http://developers.facebook.com/

+0

Merci! mais je voulais vraiment partager mon Mur avec les autres. J'ai essayé Php Curl et Echoed. Cela a fonctionné mais quand je me connecte il est redirigé vers le site principal. – Yahoo

+0

Avec API, vous pouvez obtenir tous vos messages muraux, de sorte que vous pouvez faire tout ce que vous voulez avec eux après. Jetez un oeil à Graph API sur http://developers.facebook.com/docs/reference/api/ vous verrez qu'il est facile de saisir tous vos messages muraux avec php et ensuite les afficher sur votre site Web. – Ivan

4

Théoriquement, il devrait être possible de le faire dans les étapes suivantes:

  1. Fetch code HTML avec AJAX du Facebook.com.
  2. Supprimez le javascript indésirable que le Zimbabwe a pointé ou ajoutez un nouveau javascript qui remplace la fonction non désirée.
  3. puis effectuez un document.write pour libérer le code HTML modifié pour l'analyse et le rendu du navigateur.

C'est le même principe que la fonction de substitution de fonction Javascript fonctionne avec GreaseMonkey [1]. Dans [2, 3], vous trouverez comment les fonctions peuvent être remplacées avec Javascript.

+0

Semble bien! va l'essayer :) – Yahoo

0

Iframe le contenu de facebook comme ceci:

<iframe src="http://www.facebook.com/plugins/likebox.phpid=YOURUNIQUEID&amp;width=158&amp;connections=5&amp;stream=true&amp;header=false&amp;height=555" 
     scrolling="no" 
     frameborder="0" 
     style="border:none; overflow:hidden; width:158px; height:555px;" 
     allowTransparency="true"> 
</iframe> 

<div class="fb-like" 
    align="center" 
    data-href="https://www.facebook.com/YOURFBADDRESS" 
    data-send="true" 
    data-width="500" 
    data-show-faces="false" 
    data-font="verdana"> 
</div> 
+0

Une explication serait utile. – kev

Questions connexes