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

Iframe on facebook

Discussion in 'FaceBook' started by dadecotti, Jan 14, 2010.

  1. dadecotti

    dadecotti Power Member

    Joined:
    Dec 13, 2008
    Messages:
    797
    Likes Received:
    29
    Hello,

    is there any way to use IFRAME on Facebook profile or Fanpage?

    I am using STATIC FBML on my Facebook Fanpage, but look like it doesn't recognine Iframe code...

    anyone?

    Thank you...
     
  2. DJJack

    DJJack Regular Member

    Joined:
    Jan 10, 2010
    Messages:
    321
    Likes Received:
    150
    Gender:
    Male
    Occupation:
    Web Developer, Events Guru
    Location:
    UK
    Home Page:
    <fb:iframe> Cannot be used on fan pages...

    BUT.

    I have THE solution.
    The Idea Is To Use A Javascript Button, Therefore When You Click The Button It Displays The iFrame.
    This Is The ONLY Way To Use IFrames,
    Follow The Code Below.

    Code:
    <!-- Start iframe CODE -->
    
    <a onClick="outside_location.setInnerFBML(location_two);" style="cursor: pointer;">
    :: Click To See Something Amazing :: </a> 
    
    <div id="outside_location"> 
    <img src='http://www.buttonimageurl.com' />
    <fb:iframe width="760" height="760" frameborder="0" src="http://www.iframeurlhere.com" /> </div>
    
    <fb:js-string var="location_two"> <fb:iframe width="760" height="500" frameborder='0' src='http://www.iframeurlhere.com' /> </fb:js-string> 
    
    <script type="text/javascript" charset="utf-8"> var outside_location = document.getElementById('outside_location'); </script> 
    <br />
    
    <!-- End iframe CODE -->
     
    • Thanks Thanks x 2
    Last edited: Jan 14, 2010
  3. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    Where can i use this code? it looks interesting, what part of FB can i put it on?
     
  4. DJJack

    DJJack Regular Member

    Joined:
    Jan 10, 2010
    Messages:
    321
    Likes Received:
    150
    Gender:
    Male
    Occupation:
    Web Developer, Events Guru
    Location:
    UK
    Home Page:
    So you have a page and you add the static fbml application then you add the box to one of your pages, and edit this code in, when i have time i will try and post a full tutorial of using Static FBML on a facebook page. ITS AMAZING FOR GETTING CPA LEADS.
    ~DJJ<3
     
  5. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    This sounds great, i have a page, but i dont know how to use static FBML, is there something special i need to do? Thanks.

    EDIT: Ok, i found the app, but when i have it on my page, i cant find a way to edit the code?.. anyone? :S
     
    Last edited: Jan 14, 2010
  6. DJJack

    DJJack Regular Member

    Joined:
    Jan 10, 2010
    Messages:
    321
    Likes Received:
    150
    Gender:
    Male
    Occupation:
    Web Developer, Events Guru
    Location:
    UK
    Home Page:
    Hi sorry i took so long to reply,
    on your page click edit page.
    go down and it will say edit FBML and you can choose the title for the tab and put in your custom code. Later today or tomorrow i shall write a big tutorial on it and post it up on BHW! Hope this will help, good luck,
    ~DJJ<3
     
  7. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    Thanks I found it. Thinking of some cool ways to use this. Can't wait for your tutorial tbh, im very simple minded LOL