1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Load external site in fan page?

Discussion in 'FaceBook' started by mirkoxxl, Oct 3, 2010.

  1. mirkoxxl

    mirkoxxl Newbie

    Joined:
    May 26, 2009
    Messages:
    16
    Likes Received:
    0
    Does anyone know how to load iframe and external website into FMBL on fan pages?
    <fb:iframe> don't work, it must load I think via java script or something..
    pls replay how can to make that. THX
     
  2. Eltorr

    Eltorr Newbie

    Joined:
    Oct 3, 2010
    Messages:
    14
    Likes Received:
    0
    I don't think that's possible? If it is, why wouldn't iframe work?
     
  3. mirkoxxl

    mirkoxxl Newbie

    Joined:
    May 26, 2009
    Messages:
    16
    Likes Received:
    0
    It's possible check out this page /pages/Using-Iframe-in-a-Fan-Page/147925585246852?v=app_144343358933666&ref=ts (I can't post links :S )
    I don't know, I think facebook was turn it of in static FBML, but it can be done on that way. Any one know how?
     
  4. fbexpert

    fbexpert BANNED BANNED

    Joined:
    Dec 29, 2012
    Messages:
    0
    Likes Received:
    11
    It is possible to add any site inside your fan page!

    use this code,make a new html file using the below code.
    Code:
    <div id="outside_location">
    <center>
    <a onClick="outside_location.setInnerFBML(link_1); return false;"><img src="[COLOR="Red"]h t t p : / /i54(dot)tinypic(dot)com /2d6mrra.jpg[/COLOR]"></a></center> 
                <fb:js-string var="link_1"> 
                <iframe height="650" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%; border:none" src="[COLOR="Red"]YOUR SITE URL[/COLOR]"></iframe> 
                </fb:js-string> 
                <script type="text/javascript" charset="utf-8"> 
                var outside_location = document.getElementById('outside_location');
    </script> 
    </div>
    Then Make a New App on facebook go to h t t p : //facebook(dot)com /developers/
    and then Click on Facebook Integration and Add your Canvas Back URL Eg:- h t t p : //site(dot)com /script/ <-- This is the Url were this script is hosted.

    set Iframe Size - Auto-resize
    then scroll down and see profile tab settings,
    and add your Tab Name,Tab URL - don't add full url,add only the file name eg:- index.html
    Installable to? - Check Facebook Pages

    Save the Settings and Add the app to your page and you are done!!
    and yeah don't forget to upload the file to your server,make sure your site or anything is 520px width max size!!

    If you want to show other image other then the one i'm using then replace the link of the image above with your image link...

    Hope this helps you guys!
    btw add h**p : // for all links above and remove space too..i'm still new here,can't post links...lol

    don't forget to hit thanks button;)
     
    • Thanks Thanks x 2
    Last edited by a moderator: Oct 4, 2010
  5. JMercier

    JMercier Junior Member

    Joined:
    Aug 17, 2010
    Messages:
    111
    Likes Received:
    31
    Thanks fbexpert. I did everything you said but getting this error:

    Application temporarily unavailable

    Parse errors:

    FBML Error (line 4): illegal tag "body" under "fb:tab-position"
     
  6. 5VM5UN6

    5VM5UN6 Registered Member

    Joined:
    Jun 18, 2009
    Messages:
    51
    Likes Received:
    9
    Code:
    <div>
    <?php include('hxxp:// somesite com/pagetobeincluded.html'); ?>
    </div>
    Hope that helps.
     
  7. fbexpert

    fbexpert BANNED BANNED

    Joined:
    Dec 29, 2012
    Messages:
    0
    Likes Received:
    11
    Mate,look at my page on fb
    ht*tp : / / www.facebook.com/pages/Internal-Demo/149125691796416?v=app_114000338660102

    See the source code and copy!! demo.fbexpert.info/like/index.php

     
  8. Valkurm

    Valkurm Power Member

    Joined:
    Feb 22, 2009
    Messages:
    575
    Likes Received:
    226
    Edit: Nevermind.
     
    Last edited: Oct 5, 2010