Tampilkan postingan dengan label SCCRIPT FACEBOOK PAGE (FBML). Tampilkan semua postingan
Tampilkan postingan dengan label SCCRIPT FACEBOOK PAGE (FBML). Tampilkan semua postingan
The Great and Attractive Fbml codes for facebook page
Facebook markup language or FBML for short is used in a variety of places within the social network. Anyone who has written any Facebook applications will already be pretty familiar with its tags, and will probably have used it to write data to walls, or share postings with others programmatically. If however you haven’t yet dipped your toe in the water of the Facebook API, or indeed haven’t actually needed to – there are some snippets of FBML which prove to be mighty useful when creating custom Facebook Fan Pages, and can easily and quickly out of the box be used with the FBML widget, which adds an extra much needed layer of customisation to an existing Facebook fan page. The static FBML widget can be added multiple times, and in multiple places (sidebar and tabs) to facilitate this. Once you’ve added it to your page, simply go to “edit page”, then under Applications click “edit” under Static FBML. This will give you the options you need to paste in your code.
Adding your newsletter
If your blog or website offers subscription via email, an additional place to find subscribers is within the Facebook network. Fans that stumble upon your page, or are invited by others may want to add themselves to your subscriber list directly from you page, without visiting your site. Using the code that your newsletter provider gave you, you can easily create a newsletter tab with a subscribe box. Whilst this isn’t strictly FBML (its just HTML) – its an easy way to increase your reach and exposure on the cheap. FBML needed. Something similar to below. This is what I’m using folks.
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WebDesignInIrelandBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>Enter your email address:</p>
<p><input type="text" style="width:140px" name="email"/></p>
<input type="hidden" value="WebDesignInIrelandBlog" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe" /> </form>Include Sharing With Friends
One of the main benefits of being on the Facebook platform is the ability for viral sharing to take place amongst participants in the network. To encourage your business page to be shared with others you can implement a Facebook “multi-select” box, all within the static FBML box. This will loop through the current users friend list, allowing them to select who they want to share the fan-page with when they click send. You might want to put this under a “Spread the word” type tab to increase your reach.
Update. Some people have reported problems with this code. From what I can remember, it worked previously – so unless FB have changed things. Anyway – I’m using the below successfully now. Don’t for god’s sake copy and paste, examine the code, and type it exactly. WordPress makes a mess of single quotes which won’t work inside Facebook. I will get around at some stage to ammending this, but for now take care and try and understand what you are using. If all else fails, consult the Facebook documentation, or leave a comment here, which I’m more likely to respond to. I’ll not be replying to personal emails asking for help.
<fb:request-form method="POST" type="Webdistortion" invite="true" action="http://www.facebook.com/multi_friend_selector.php" content="Become a fan of Webdistortion!<fb:req-choice url='http://www.facebook.com/webdistortion' ' label='GO' /> "> <div style="padding-bottom: 10px;"> <fb:multi-friend-selector condensed="true" style="width:80%;" /> </div> <fb:request-form-submit /> </fb:request-form>
FBML needed
<fb:request-form method="post" type="Your Fan Page Name Here." invite="true" content="Check out Your Fan Page Name Here on Facebook!<fb:req-choice url='YOUR FAN PAGE URL here' ' label='GO' /> "> <fb:multi-friend-selector actiontext="Tell your friends about us rows="3" showborder="true" /> </fb:request-form>
Include Multimedia
Multimedia objects such as flash, video and images can also be easily added to Fan Pages. If for example you wanted some flash video, or embedding of a flash game, the FB:swf, and FB:flv are perfect candidates. More details on the format of the API request available here for FLV and here for SWF. FBML needed (Flash object).
<fb:swf swfbgcolor="ffffff" swfsrc='http://www.yoursite.com/flash.swf' width='380' height='250' />
(FLV video)
<fb:flv src='http://www.yoursite.com/video-gallery/video.flv' />
(Image)
<fb:photo pid="12345" /> <img src="http://www.yoursite.com/image.jpg" />
Monitor your pages with Google Analytics
A great social media campaign should focus on measurement over reach. One of the easiest ways to take a look at the data provided via a Facebook page is via Google Analytics. Thankfully, inclusion on an existing static FBML page is particularly easy. Here’s the code you need. Obviously, just replace the uacct with your own account ID to start collecting data about your page. FBML needed
<fb:google-analytics uacct="UA-9999999-99" />
Randomise your messages
You can easily add random messages to your Facebook page. You may for example, want to experiment with multiple calls to action – or offer multiple promotions to your audience. The Facebook Random tag lets you achieve that, without any programming. Here’s how: FBML needed
<fb:random> <fb:random-option weight="2">A: This will be shown 2 times as often as B.</fb:random-option> <fb:random-option weight="1">B: This will be show half as often as A</fb:random-option> </fb:random>
Add profile image
Your profile image is the thumbnail found at the top left of your page. To include it again anywhere on your Facebook Static FBML page, try using this example. A number of size parameters can be set with the tag, so if this size isn’t your thing, you can easily adjust it. Replace the UID parameter with your own userId.
<fb:profile-pic uid="12345" size="normal" width="400" />
Add wall sharing capabilities
Sharing of individual bits of data or URL’s on Facebook is pretty integral to success. One easy way to do this on a Static FBML app is via the share-button. This allows you to share both data and links into a users wall / stream. FBML needed
<fb:share-button class="url" href="http://www.yoursite.com" >
Or to include more specific meta data. FBML needed
<fb:share_button> <meta name="medium" content="news"/> <meta name="title" content="Announcing the xxx Application"/> <meta name="description" content=""/> <link rel="target_url" href="http://apps.facebook.com/xxx"/> </fb:share_button>
Overview
Hopefully some of these FBML examples should help get your Facebook page off the ground, with some additional functionality for minimal effort. Combining some of the tags that Facebook provide out of the box, with a little creativity can really boost your social media marketing efforts without the need for calling on a programmer.
10 FBML codes for your facebook fan page
Facebook Pages are among the best ways to promote your product using the Social media. You can drive lots of visitors to your blog and also could market your product with small investment with the Facebook page. But just creating a Facebook page for your business is not going to promote your business after all, you should have to gather lots of loyal fans to your page and drive them towards the promotion of your product.
So for gathering the Fans for your Facebook page you have to make your page more interactive. In this post we have brought you 10 Cool Facebook Code Tricks for your Business Facebook Fan pages using theStatic Fbml Facebook Application.
1. Embedding YouTube Videos
When you click the embed button below the video in YouTube, It will give you the embed code to put that video easily on your website or might be using some free plugin to easily embed youtube videos on wordpress blogs.
But in case of embedding YouTube video on Facebook page, the default embed HTML code doesn’t works. The video on Facebook can be only embedded using the lash. Copy-Paste the code below into the FBML box of your page to embed the video. Remember to replace VIDEO_ID with the YouTube Video ID before you save.
<fb:swf swfsrc=”http://www.youtube.com/v/VIDEO_ID” imgsrc=”http://img.youtube.com/vi/VIDEO_ID/default.jpg” width=”480″ height=”360″ />
2. Separate contents for Fans and non-fans
Showing Separate contents for the Facebook Page fans and non fans can also help you gain more fans for your page. You can use the FMBL below and show separate content for the fans and non-fans.
<fb:fbml version=”1.1″>
<fb:visible-to-connection>This part is visible for fans only!
<fb:else>This part is visible for non-fans</fb:else>
</fb:visible-to-connection>
</fb:fbml>
<fb:visible-to-connection>This part is visible for fans only!
<fb:else>This part is visible for non-fans</fb:else>
</fb:visible-to-connection>
</fb:fbml>
3. Invite to Friends box
Adding an Invite to Friend box below the main Content of your welcome Tab will also help you increase the fans of your page as it makes your fans easier to invite their friends on Facebook. Use the following code in FBML box to insert the Invite box in your page.
<fb:request-form method=”post” type=”[your organization]” invite=”true” content=”Check out [your organization]<fb:req-choice url=’http://www.facebook.com/YOURPAGE’ ‘ label=’GO’ /> “>
<fb:multi-friend-selector actiontext=”Tell your friends about [your organization]” rows=”3″ showborder=”true” />
</fb:request-form>
</fb:request-form>
4. Adding a Comment Box
Adding a comment Box on your Facebook page or adding it below any featured product on your page makes your readers easy to comment on the specified product easily. You can use the following code in the Fbml box to insert it in your page.
You can also take our old reference post for adding Comment box on Facebook page with tutorial.
<fb:comments xid=”YOUR_PRODUCT_UNIQUE_ID” canpost=”true” showform=”true” candelete=”false” numposts=”3″ returnurl=”http://YOUR_PRODUCT_HOME_URL”>
</fb:comments>
5. Adding podcasts and MP3 Audios
Like YouTube videos you can also embed podcasts or any Mp3 Audio on your Fan page using the Fbml. You have to provide the direct link to the mp3 audio file or Podcast in the Fbml. Facebook will wrap them in their own player and make your fans listen to it easily.
<fb:mp3 src=”http://example.com/podcast.mp3″ title=”Our new Song” artist=”This Week in Facebook” />
6. Adding pop-up Dialog Box
The Pop-up dialog box is used to give the short description of the link with on a Popup dialog box whenever a user clicks a specified link in your fan page.
For instance,You have used pop-up box for the ‘About’ Link on your page then it will show the popup box as above when your fan click on the link and the ‘learn more’ link can be even redirected to your About page.
<fb:dialog id=”dialog” cancel_button=1>
<fb:dialog-title>About Us</fb:dialog-title>
<fb:dialog-content>Bloganol is a Blog About Tech, Social Media, Opensource and more.
Would you like to learn more?</fb:dialog-content>
<fb:dialog-button type=”button” value=”Yes” href=”http://www.bloganol.com/about” />
</fb:dialog>
<a href=”#” clicktoshowdialog=”dialog”>Click here</a> to learn more.
7. Adding Polls to the Page
Previously in our blog we have already published a post about Ultimate Tricks and applications to make your facebook page a masterpiece. On that post adding a poll on a Facebook Page was also included but it was using the direct Facebook application.
In this page we are talking about inserting Polldaddy polls on your fan page in a Tab using the Fbml. Copy-Paste the following Fbml to insert polldaddy polls on your Facebook fan page. Remember to replace POLL_ID with your Poll id from Polldaddy before you save.
<fb:swf swfsrc=’http://i.polldaddy.com/poll.swf?p=POLL_ID’ width=’250′ height=’500′ imgsrc=”poll-thumbnail.jpg” />
8. Inserting Flash Content
Inserting Flash Content on your Facebook page is also like inserting YouTube video in your Page. Use the Fbml to insert Flash content n your page. Use the Flash file URL in the swfsrc and use the image URL onimgsrc as the source of the image that is being displayed, before your flash.
<fb:swf swfbgcolor=”000000″ swfsrc=’http://domain.com/file.swf’ imgsrc=’http://domain.com/picture.jpg’ width=’760′ height=’920′ />
9. Adding a Chat Room
Adding a chat room on your Fan page enables you to chat with your Fans when they are on your page. Firsth thing yopu need is to create a Flash based chat widget for your Facebook page using MeeboMe and then embed that Chat widget on your Facebook Fbml box usng the code below.
Remember to replace CHAT_ID with your widget chat Id provided by Meeome before you save the code.
<fb:swf swfsrc=’http://widget.meebo.com/mm.swf?CHAT_ID’ width=’515′ height=’425′ imgsrc=”chat-thumbnail.jpg” />
10. Adding a share button
A share button on your Facebook page lets your fan to share the provided link on their Facebook profile easily. You can use the following code on Fbml Box of your Page to insert the ‘Share’ button on your fan page.
<fb:share-button class=”meta”>
<link rel=”target_url” href=”http://yoururl.com”/>
</fb:share-button>
<link rel=”target_url” href=”http://yoururl.com”/>
</fb:share-button>
