NEW Facebook iframes for Small Biz Owners...Any Successes? Or Questions?

37 replies
Is anyone having success with the new iframes capability on Facebook? Do you have examples you would share with us here? What about ideas on implementing the "reveal" function? And what about those pesky scrollbars...is anyone experiencing those? How are you making things happen for your offline clients with the new Facebook?

I'd like to set this thread to talk about the successes and obstacles of the new iframes in Facebook Pages. Please share...
#biz #facebook #owners #small #talk
  • Profile picture of the author Preston T.
    Hey - There was just a WF special about the new facebook pages. Someone is offering a course that answers these questions.

    I think it is called Facebook offline...something. I ll look for the product.

    Nice to see another houstonian in here. Go Texans!!
    Signature
    {{ DiscussionBoard.errors[3441496].message }}
    • Profile picture of the author AdBankPro
      Yeah, I think this thread should be more about experiences...rather than what we all bought, right? Nice to see another Houstonian! Not too sure about those Texans, though
      Signature

      Phil Benham

      {{ DiscussionBoard.errors[3441539].message }}
  • Profile picture of the author MrPolarZero
    well, i don't think that Facebook alone can make a business successful. This social media site is just one of the ways/methods which you can use if you want to promote your website or online brand.
    {{ DiscussionBoard.errors[3443126].message }}
    • Profile picture of the author AdBankPro
      Originally Posted by MrPolarZero View Post

      well, i don't think that Facebook alone can make a business successful. This social media site is just one of the ways/methods which you can use if you want to promote your website or online brand.
      That's so true! Studies are being done now to determine how small businesses are using social media. I'm more interested in how people are using the new iframe functionality on Facebook. I'll leave the philosophical discussion about how to use social media and why to another day. I'd like to see how anyone is tackling the technical aspects of losing FBML.
      Signature

      Phil Benham

      {{ DiscussionBoard.errors[3443207].message }}
  • Profile picture of the author Dave Ovenden
    I picked up the Offline Facebook Arsenal by Martin Crumlish last Friday and managed to get 2 fan pages up over the weekend with no previous experience of building them using the previous fbml style or the new iframes.

    You can see them here:
    InBizLocal | Facebook
    Buildline Builders in Bedford | Facebook

    These were built using the templates in the 'arsenal' and simply following Martin's instructions. I would love to hear what people think.
    {{ DiscussionBoard.errors[3450328].message }}
  • {{ DiscussionBoard.errors[3450377].message }}
  • Profile picture of the author Dave Ovenden
    The pages open instantly on my website so I assume that something is happening on the Facebook site to slow things down so much. It was all fine yesterday. I'll check it again later but thanks for letting me know.
    {{ DiscussionBoard.errors[3450623].message }}
    • Profile picture of the author Webel
      'm looking at promoting this to local businesses. The main problem that I see holding me back is getting the initial 25 'likes' to stake my claim on specific keyword specific pages (losing those 'pesky' numbers):rolleyes:

      Here's my first iframe page (using stuff from a WSO and then customizing it) - please 'like' it while you are there.

      Web Delegation - DIY SEO | Facebook

      The template included a css style file which seems to do the trick re removing the scroll bar.

      How can we get 25+ together to reciprocally 'like' each others pages? Maybe set up a page just for that purpose - I'll do that if others see it as a way forward to helping each other out.
      {{ DiscussionBoard.errors[3450846].message }}
  • Profile picture of the author icun
    Hey guys.

    To remove the iframe scrollbars select "auto resize" for the iframe resize option and then....

    If you add:

    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js"></script>
    <script>
    FB.init({
    appId : 'YOUR-APP-ID-HERE',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml : true // parse XFBML
    });
    </script>

    just before the </body> tag of your fan page and then add:

    <script type="text/javascript">
    window.fbAsyncInit = function() {
    FB.Canvas.setSize();
    }
    // Do things that will sometimes call sizeChangeCallback()
    function sizeChangeCallback() {
    FB.Canvas.setSize();
    }
    </script>

    just before the </head> tag, this will remove your iframes.

    Hope that helps cos those things are damn annoying!

    Martin
    {{ DiscussionBoard.errors[3453732].message }}
    • Profile picture of the author Webel
      Originally Posted by icun View Post

      Hey guys.

      To remove the iframe scrollbars select "auto resize" for the iframe resize option and then....

      If you add:

      <div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js"></script>
      <script>
      FB.init({
      appId : 'YOUR-APP-ID-HERE',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml : true // parse XFBML
      });
      </script>

      just before the </body> tag of your fan page and then add:

      <script type="text/javascript">
      window.fbAsyncInit = function() {
      FB.Canvas.setSize();
      }
      // Do things that will sometimes call sizeChangeCallback()
      function sizeChangeCallback() {
      FB.Canvas.setSize();
      }
      </script>

      just before the </head> tag, this will remove your iframes.

      Hope that helps cos those things are damn annoying!

      Martin
      Hi Mate,

      As a purchaser of your WSO I'm assuming I don't need to bother with this?

      I DID have an issue: too much playing with your template, and making the BIG mistake ( I know realise) of trying to text link to Contact area and so on which seriously buggered everything up.

      Anyway your css style file seems to have fixed all this without my lookig at the fix you mention.

      Or am I missing something?
      {{ DiscussionBoard.errors[3453874].message }}
  • Profile picture of the author AnthonyR
    I'm just getting started but as soon as I have some examples I'll post them.

    I feel like this is an excellent way to get clients for at least $500 a pop.
    {{ DiscussionBoard.errors[3454186].message }}
  • Profile picture of the author AdBankPro
    Don't want to let the cat out of the bag...just yet. Well, maybe a little; like her big head (like mine sometimes). Anyway, how's this for a kicker? A complete WordPress theme...to use with the Facebook iFrame functionality...complete with the "reveal" function...and can double as a mobile theme? That damn cat! Scratched me getting out of the bag!
    Signature

    Phil Benham

    {{ DiscussionBoard.errors[3456121].message }}
    • Profile picture of the author winston
      Originally Posted by AdBankPro View Post

      Don't want to let the cat out of the bag...just yet. Well, maybe a little; like her big head (like mine sometimes). Anyway, how's this for a kicker? A complete WordPress theme...to use with the Facebook iFrame functionality...complete with the "reveal" function...and can double as a mobile theme? That damn cat! Scratched me getting out of the bag!
      Phil,

      Now that would be the perfect world
      {{ DiscussionBoard.errors[3456283].message }}
    • Profile picture of the author Webel
      Originally Posted by AdBankPro View Post

      Don't want to let the cat out of the bag...just yet.


      I'd love to beta test that for you - I use WP big time for myself and my clients and am more comfortable in a .php, rather than HTML, environment.

      When are you looking to release this? As I'll put a hold on some HTML pages I had planned if this is imminent.

      Clive
      {{ DiscussionBoard.errors[3457565].message }}
      • Profile picture of the author AdBankPro
        We've already acquired the reviews and we're organizing them now. Launch is set for next Wed. 9th of March. There will be over 2000 affiliates promoting so I'm sure you'll hear about it. Thanks for the offer! BTW, Facebook likes .php, too!
        Originally Posted by Webel View Post



        I'd love to beta test that for you - I use WP big time for myself and my clients and am more comfortable in a .php, rather than HTML, environment.

        When are you looking to release this? As I'll put a hold on some HTML pages I had planned if this is imminent.

        Clive
        Signature

        Phil Benham

        {{ DiscussionBoard.errors[3458515].message }}
        • Profile picture of the author Webel
          Will you be launching the WP FB Page theme as a WSO? If so can you give a 'heads up' on this thread?

          Thanks
          {{ DiscussionBoard.errors[3459951].message }}
  • Profile picture of the author alanborcic
    Signature

    Get Life You Deserve
    Alan Borcic
    www.alanborcic.tv

    {{ DiscussionBoard.errors[3458233].message }}
  • Profile picture of the author Dave Ovenden
    Hi Phil,

    I followed your sig link to facebook maxed which looks really good. The only problem is when I clicked on Add to Cart, the Clickbank page says "This account has not been activated. Until it is activated, only purchases using test credit card information may be placed." I am interested to buy.
    {{ DiscussionBoard.errors[3458695].message }}
    • Profile picture of the author AdBankPro
      Originally Posted by Dave Ovenden View Post

      Hi Phil,

      I followed your sig link to facebook maxed which looks really good. The only problem is when I clicked on Add to Cart, the Clickbank page says "This account has not been activated. Until it is activated, only purchases using test credit card information may be placed." I am interested to buy.
      Sorry...I'll take that down. We don't go live until Wed, 9th March. And it will be from a different site. Thanks for reminding me...this launch has got me tied in knots from 10 different directions...
      Signature

      Phil Benham

      {{ DiscussionBoard.errors[3458936].message }}
  • Profile picture of the author AdBankPro
    There will be over 2000 affiliate JVs so, yes, you'll hear about it! Thank you for the interest!
    Signature

    Phil Benham

    {{ DiscussionBoard.errors[3459983].message }}
    • Profile picture of the author ElleBillias
      hi guys, i have moved my FBML page over to iframes, I tell you I don't see what the big fuss is about?

      I copied the FBML code in to a HTML file and uploaded it to my domain, then followed the basic tutorials found at the top of the Google results on how to create an Iframe application.

      Applied the scrollbar tweak and my page looks the same as it did in FBML....

      If anything it's easier than FBML because HTML is easier to use!

      My page is called Social Media Marketing DIY if you want to see
      {{ DiscussionBoard.errors[3463535].message }}
      • Profile picture of the author Shelle-K
        Originally Posted by ElleBillias View Post

        hi guys, i have moved my FBML page over to iframes, I tell you I don't see what the big fuss is about?

        I copied the FBML code in to a HTML file and uploaded it to my domain, then followed the basic tutorials found at the top of the Google results on how to create an Iframe application.
        I agree this transition was not very complicated at all... however, for the newbie or non tech savy individual I could see where problems could arise with setting up the new iframes. Not all people understand how to upload the provided "example" code that is supplied when you create the new app let alone customize it.

        For those that understand how to do it, it seems like it is going to be a great $$ money maker or upsell just in transitioning folks over.
        {{ DiscussionBoard.errors[3500536].message }}
  • Profile picture of the author hallpart
    I ll look for the product.
    {{ DiscussionBoard.errors[3464733].message }}
  • Profile picture of the author AdBankPro
    Watch the Video...It will do the talking! We are officially blasting off...I hope you get in!
    Signature

    Phil Benham

    {{ DiscussionBoard.errors[3497752].message }}
    • Profile picture of the author Webel
      Originally Posted by AdBankPro View Post

      Watch the Video...It will do the talking! We are officially blasting off...I hope you get in!
      Where's the video? Link please. I checked your sig. links and that's not a WP Theme which is what I've been looking forward to.
      {{ DiscussionBoard.errors[3497864].message }}
      • Profile picture of the author AdBankPro
        Originally Posted by Webel View Post

        Where's the video? Link please
        Sorry...in my signature.
        Signature

        Phil Benham

        {{ DiscussionBoard.errors[3497903].message }}
        • Profile picture of the author Webel
          Originally Posted by AdBankPro View Post

          Sorry...in my signature.
          OK got it thanks. Looks very cool - not sure why I expected WP Theme. Would have liked a WSO :-)
          {{ DiscussionBoard.errors[3497942].message }}
  • Profile picture of the author cherry_b
    I started a few weeks ago building fan pages and since we were so close to the Mar. 11th date I did all of them using iframes.

    Easy!
    {{ DiscussionBoard.errors[3513454].message }}
  • Profile picture of the author smartsites
    You must check out this free iframe app. It makes it really easy and even has the hidden reveal feature. It's also not branded...

    Static HTML: iframe tabs | Facebook
    Signature

    I build Facebook Messenger Chatbots and Provide Training. Feel free to check out my demo bot https://m.me/botsguy

    {{ DiscussionBoard.errors[3514169].message }}
    • Profile picture of the author GeorgeO7
      I as well as a few hundred million other FB users use an https connection when accessing Facebook. I looked at a couple of links in this thread and am getting errors with your pages not loading.

      This iframe bit is going to be a problem until this issue gets corrected.

      Any thoughts on this?


      This Connection is Untrusted

      You have asked Firefox to connect
      securely to Web Delegation - DIY SEO!, but we can't confirm that your connection is secure.

      Normally, when you try to connect securely,
      sites will present trusted identification to prove that you are
      going to the right place. However, this site's identity can't be verified.

      -----------------------------------------------------------------------------------

      Secure Connection Failed

      An error occurred during a connection to inbizlocal.com.

      SSL received a record that exceeded the maximum permissible length.

      (Error code: ssl_error_rx_record_too_long)


      * The page you are trying to view can not be shown because the authenticity of the received data could not be verified.
      {{ DiscussionBoard.errors[3516574].message }}
  • Profile picture of the author Nathan Alexander
    By the way George, this might be a stupid question...But is it just a matter of placing an 's' after "http" to force a secure connection? That's all you have to do right? (I feel I should know this.)

    Anyhow, I think it's just a matter of going inside the dev app when creating an Iframe application and adding that under the secure site domain section. I'll have to try it.
    {{ DiscussionBoard.errors[3517522].message }}
  • Profile picture of the author GeorgeO7
    That should work or you could just go to Settings>>Account Security>>Check: Browse Facebook on a secure connection (https) whenever possible

    If you connect from a public access point, it's probably a good idea.

    For more info:

    https://www.facebook.com/blog.php?post=486790652130
    {{ DiscussionBoard.errors[3517698].message }}
  • Profile picture of the author rhab
    Nice thread. Should definitely become helpful as more and more people switch over. I did not have a page when it was fbml, but I actually look forward to using the iframes as it gives you more options.

    I just recently put my first page up following the standard directions. I bought two different guides as well as used free information. I could have gotten along fine with the free information, but for people not quite familiar with coding and iframes, buying a good guide is probably a good idea.

    I am dealing with two issues.

    The first issue was dealing with the scrollbar issue. I had the correct settings within the app for resizing the content. I also used the correct 520 width settings in my code. At first I was using an html table of 520 width and was still getting both vertical and horizontal scrollbars. My height was under 800 pixels.

    I was seeing both scollbars, some people were seeing only the bottom. I think I missed how to properly incorporate the scrollbar fix code with my id and secret, so i will have to go back and try that out.

    I ended up tweaking what I had to get rid of the scrollbars by just using a 500 width image and that did the trick. I was so frustrated for a while I that I was happy with that lol.

    The current issue I am dealing with has been mentioned above. I originally got the content cannot be displayed because it is unsecure as well as a few other people who tried viewing it. I assumed it was because I had the secure setting enabled within facebook. After taking it off I was able to see my page correctly.

    However, that doesn't help when many people use the secure browsing feature in FB. I tried taking the url and adding the https:// address in the secure canvas url within the app, but that doesn't seem to work.

    What I'm wondering and hoping someone can tell me is, do we need to set some kind of ssl thing on our servers to address this issue or something else? Or is this just another growing pains issue with the new system we have to deal with for a while?
    {{ DiscussionBoard.errors[3531066].message }}
  • Profile picture of the author philboy uk
    I quickly made a facebook page using wordpress and the headway theme , and then followed the free facebook WSO for setting the APP up.

    But am finding the customised pages take an eternity to open up.

    Any ideas on how to improve the load time.
    {{ DiscussionBoard.errors[3532332].message }}
  • Profile picture of the author Dave Ovenden
    I have not yet been able to figure out how to make the pages visible over an https connection but I'm sure there will be a fix soon as we are still in the early days of iframe pages.

    It is cool what you can achieve with this new set up anyway.

    Here is an example of a complete squeeze page with reveal tab to help it go viral

    Free Photoshop Video Lessons | Facebook

    Here is a demo of a static template that has been adapted for WordPress and now becomes a mini site

    InBizLocal Web Marketing - Website | Facebook

    The possibilities are almost endless.
    {{ DiscussionBoard.errors[3533052].message }}

Trending Topics