Facebook Fluid iFrame Application

by 7 replies
8
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?
#programming #application #facebook #fluid #iframe
  • 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
    • [1] reply
    • 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?
      • [1] reply
  • 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
  • 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
  • 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
    • [1] reply
    • 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.

Next Topics on Trending Feed

  • 8

    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.