8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Facebook Fluid iFrame Application

by WebsiteManagers
7 replies
I want a Facebook application that loads a video conferencing in a fluid iframe. The app is supposed to have a settings option that allow the user to enter the meeting ID and optional description above the window, such as a schedule or welcome the visitor by name.

The basic application with the PHP file is hosted on my website with SSL, but not everything is working as planned. I do not know how to make the application available for others to install on their page, or how to set it up so they can edit the settings, such as the meeting ID.

I went through the confusing instructions on Facebook Developer and watched some YouTube videos, but I still need someone to help me make it work.

The page is at https://www.facebook.com/pages/Live-...85083571502208

Can someone please help me finish this?
#application #facebook #fluid #iframe
  • Profile picture of the author davidsbain
    As far as I can see, and correct me if I am wrong, you have built a tab called my meeting connected to a Fan Page. The iframe space available to pull your content into is around 510 or 520 px, I forget exactly. The best way to do this would be to create an app which will give you 700 odd px and all you need to do is built a normal php page that is 700 odd px (I think its 720 px), create an app in facebook developer and add the url of your 720px php page on your webserver. Then add a link on your fan page to your app.
    Hope this helps
    David
    {{ DiscussionBoard.errors[4853918].message }}
    • Profile picture of the author WebsiteManagers
      See, that's the thing. The page you see is not showing the full capabilities of the app. The full app removes the left column, but the only way I can get into it is to be inside my account with the app listed on the left side under "Apps". I need to offer the app to others so they can add it to their pages too. How is that done?
      {{ DiscussionBoard.errors[4854000].message }}
      • Profile picture of the author davidsbain
        Its difficult to understand what exactly you are trying to do as I only see half the screen.

        A facebook app is situated in one place on your web server
        https://developers.facebook.com/apps
        gives you a list of the apps you have created or an option to create a new app. If you have already set this up correctly as an APP (720px) then you will have what is called a Canvas Page and this will be

        https://apps.facebook.com/nameofyourapp/

        This is the URL you need to create a link to on your fan page.
        So if you wish other people to also have a fan pages linking then they link to the same url which is what is an APP in facebook.

        Whats the Difference to what I see on the link you gave
        If you go to the developers page on facebook
        and select the Apps
        and then select the app you have created
        and then click edit app at the top right
        Scroll down and you will see an options box
        which is 'Select how your app integrates with Facebook'
        I believe looking at your link you have the last option selected
        which is Page Tab and is only 520 px
        if you select the 'App on Facebook' then this will take away the left column and be 720 px approx. You and other people then create a link on your Fan page(s) to the URL apps.facebook.com/yourappname

        hope this makes sense
        David
        {{ DiscussionBoard.errors[4854393].message }}
  • Profile picture of the author WebsiteManagers
    Thanks for the suggestions so far. I did what you said and removed the Page Tab. Now there are 2 things left:
    1. Add the ability for others to add the app to their own pages.
    2. After installing the app, allow the individual page owners to change the meeting ID so it shows their own conference room.

    My Canvas Page: Live Video Meeting on Facebook | Facebook
    Canvas URL: http://globalvideogroup.com/fblivemeeting/
    Fan Page: https://www.facebook.com/pages/Live-...85083571502208

    I have the PHP script on my site. Where do I go next with this?

    Jim
    {{ DiscussionBoard.errors[4859142].message }}
  • Profile picture of the author davidsbain
    Jim,
    Here's what I think is happening (not knowing what software you are using) and what should be happening

    You have setup a webpage http://globalvideogroup.com/fblivemeeting/
    which is already logged in to your webinar. In the current state it is not possible to have someone change the settings to make their webinar appear

    What I believe you need to do to get this working
    Have a Webinar login page so the app can be used for multiple webinars.
    On webinars I have attended there is a login page which allows you to enter the meeting code and password. This needs to be your index page on
    http://globalvideogroup.com/fblivemeeting/
    and then once someone enters the details it takes them to the relevant page
    for their webinar which is all controlled inside your php on you server and
    not on facebook.

    1. As far as I can see the page tab you have removed was linking directly to your server page. Try re-enabling the Page Tab in addition to the 'App on Facebook' but this time make the url
    Live Video Meeting on Facebook | Facebook

    this in theory should make a link on your fan page that if clicked takes the facebook user to the app and away from the fan page.

    The most important part to have this app usable for multiple users will be to have the login page as the first page in the app.
    Let me know how it goes
    David
    {{ DiscussionBoard.errors[4859417].message }}
  • Profile picture of the author davidsbain
    1. As far as I can see the page tab you have removed was linking directly to your server page. Try re-enabling the Page Tab in addition to the 'App on Facebook' but this time make the url
    http : // apps . facebook . com / live - video - meeting

    Hopefully the url will appear correct this time with the spaces added
    {{ DiscussionBoard.errors[4859453].message }}
    • Profile picture of the author WebsiteManagers
      Thanks for your help. I am having the company provide a secure link to their meetings. That will make things much easier when creating the apps.
      {{ DiscussionBoard.errors[4900312].message }}

Trending Topics