How to add Youtube channel on Facebook Static FBML
In a series of Facebook branding page customization we already discussed about How to add Youtube Video on Facebook branding page with Static FBML , how to show Tag clouds on your Facebook page and in this tutorial we will discuss about How to add complete Youtube channel on Facebook with the help of Static FBML.
Building a Facebook app is very easy, either you can use iframe or FBML to call the applications. The main problem in iframe is “body script errors” on adding it into fanpage tabs.
1. Add this awesome application “Static FBML” into your desired Facebook pages.
2. Create custom player available for custom youtube playlist. Check how to customize and share Youtube playlist for more details.
3.The playlist code will probably include an URL that looks like this: http://www.youtube.com/v/FI76sKLMkMU&color1=0x006699&color2=0x54abd6
4. We will use <fb:swf> tag in FBML for calling Youtube playlist as a flash.
Sample FBML code to add Youtube channel on Facebook Static FBML
Points to be noted
1. swfsrc is the Youtube param values generated by custom playlist . Its in the form of http://www.youtube.com/v/xxxxxxxxxxxxxxxxxxxxxxxxx.
2. imgsrc is the default image which will appear to users. A click on image will load the seamless Youtube channel.
Check how it seems before and after the user click
Note: You can also integrate comments and other facebook social plugins into the same fbml itself. If you have any queries regarding Facebook branding then feel free to drop your comments.
Another Live Demo
I found this easy way to embed your youtube channel on to a facebook page without having to mess with fbml using cueler youtube.
Here is a video on how to set it up and it's free
My first youtube upload!! http://www.youtube.com/watch?v=25AG9bkH-DU
Enjoyed this much, bookmarked it. Thanks for taking the effort to help clueless nerds like me on their way ;)
Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts.Thanks for sharing with us ...
facebook ads guide