Embedding Youtube Video On Your Facebook Page

embed youtube facebook
Let’s just cut to the chase here – how do you embed a Youtube video on your Facebook Page?

There are a few assumptions to make – namely, you have a Facebook account (and maybe a Youtube account).

Before you dive too deep into this … you might just head over to the official Facebook Pages page to see what they have to say.

Here’s some example pages:

Kind of boring if you ask me.

Your page, on the other hand, will stand out once you get that Youtube video posted … so here we go.

Facebook

Login to your Facebook account.

If you’re likely me and find the navigation at Facebook a little sketchy, then use the Help Center link underneath your picture on the right hand side (by the way, I suspect that sometime in the future this information will be dated …).

Just type in “create page“.

facebook

Since I have already done this, you can visit this link (make sure you are logged in).

Now you need to make a decision – community page or official page.

Both get the job done.

For this example, go ahead and use the community page option.

Give the page a name, ex – “Video“, and click “Create Community Page“.

You should have a page that looks like the following – click on the “Edit Page” link on the left side of the page.

facebook edit page

On this page, you can add information or edit what you already have and “Save Changes“.

What we really want to do here is add an App – specifically the FBML app.

Click on the “Apps” link on the left hand side.

facebook fbml

There should be an app at the bottom of the page under “Apps You May Like” called “Static FBML”.

That’s the app we are going to use.

Click on the link in the Static FBML description that says “Go to App“.

Now add the Static FBML to your account.

Click the “Add Static FBML” button.

add static fbml

Click on he “FBML 1” tab along the top.

fbml 1

Now click on the “Edit Page” link along the left side.

Click on the “Apps” link on the left side.

(In case you feel like we are going around again – we are … haven’t figured out an easy way to get where I want … just play along).

Scroll down to the FBML – FBML area at the bottom and click on the “Go to App” link.

go to app

Finally, if you haven’t changed the name to something appropriate, this is your chance.

Make the change and click “Save Changes“.

Excellent, now you have a FBML page created using the FBML app.

YouTube

Time to visit Youtube.

Open a new browser or a new tab and go to Youtube.

Find the video you want to embed on your Facebook page.

You’ll want to copy the embed code that Youtube provides – usually there is a link below the center of the video that says “Embed“.  Click that link and the code to copy will be revealed.

Here’s an example video you can use:  http://gowwwgo.com/go/youtubeexample

Copy the Youtube Embed code, the “stuff” that looks like this:

<object width=”640″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/_5iSCxYM3T4?fs=1&amp;hl=en_US&amp;rel=0″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/_5iSCxYM3T4?fs=1&amp;hl=en_US&amp;rel=0″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”640″ height=”385″></embed></object>

admob

Facebook FBML Code

Here’s the tricky part.  Sort of.

That embed code you copied over from Youtube – there is only one piece of it that you need.

The 11 characters after http://www.youtube.com/v/ is what you want.  For this example, the keeper is _5iSCxYM3T4.

You need to take that and add it to the following code like I have shown here.

<fb:swf
swfbgcolor=”000000″
imgstyle=”border-width:3px; border-color:white;” swfsrc=’http://www.youtube.com/v/_5iSCxYM3T4‘ imgsrc=’http://img.youtube.com/vi/_5iSCxYM3T4/0.jpg’ width=’480′ height=’360’/>

You are going to want to copy this code and return to Facebook.

HOLD ON:  There’s a better way. Download the PDF report to find out the much easier way to doing this Facebook FBML stuff.

Facebook (again)

Back to Facebook.

You should still have your FBML edit page open.

Paste in the copied code and click “Save Changes“.

FBML code

Now click on the link near the upper right hand corner that links to your FBML page, ex-“Video”.

edit

Click on the tab that has the name of your FBML page, ex – “Video”.

fbml

There’s your Youtube video on your Facebook page.

As an example:  http://gowwwgo.com/go/facebookyoutubeexample

facebook youtube


Like I mentioned earlier, there is an easier way.

Click on the PDF report below to get the easy way to do this.

youtube facebook pdf

{ 2 comments }

David Henderson

Clever stuff and clearly explained. It has always been a bit tricky for me, so thanks.
The really cool thing here is the automatic IP and date insertion on the unnamed pdf, very cool.
I hope you do some training – info on that, cheers Dave

admin

Dave,

Glad you like it.

Want to share the IP/date PDF stuff … there are a few technical details I can’t figure out yet that would make it friendly enough to share.

Dave

Comments on this entry are closed.

Previous post:

Next post: