Technology Networking & Internet

How to Publish a Facebook Stream With JavaScript

    Create Facebook App

    • 1). Go to developers.facebook.com, then click the "Apps" tab and sign into your Facebook account.

    • 2). Click the "Create New App" button near the upper right corner of the "Apps" page. Type a name in the "App Name" field, then check the "I Agree to the Facebook Terms" box and click "Continue." A new app is created with that name.

    • 3). Double-click the long number below the "App ID/API Key" area. The text highlights so you can copy it. Press the "Ctrl" + "C" keys on the keyboard simultaneously to copy. You'll need the App ID to make the "Live Stream" plugin work.

    Live Stream JavaScript Code

    • 1). Go to developers.facebook.com, then type "Live Stream" in the top right search box and click the "Social Plugins - Live Stream" search listing.

    • 2). Press "Ctrl" + "V" keys simultaneously to paste the copied text into the "App ID" field.

    • 3). Fill in or adjust the other plugin details to match your preferences and site's needs. The width and height are adjustable to whatever size best fits on your site or application.

    • 4). Click the "Get Code" button. A pop-up dialog appears on the screen with the code. Highlight and copy the code by pressing the "Ctrl" + "C" keys at the same time.

    Install the Code

    • 1). Launch a text editor on your computer, then open the main HTML document for your website or application.

    • 2). Find a location between the <body> tags to paste the JavaScript code. Click the mouse cursor in that location.

    • 3). Press the "Ctrl" + "V" keys simultaneously to paste the "Live Stream" code. No further editing on the code is necessary.

    • 4). Save the HTML document, then upload it to your site's servers. Visit your website to test the functionality and to make sure it looks the way you wish it to appear to the user.



Leave a reply