Latest Updates: Like button RSS

  • How to add Facebook like buttons to your tab

    Ellen 17:06 on January 4, 2011 | 1 Permalink | Reply
    Tags: , , fbml, Like button

    facebook_likes

    Since late last year it is now possible to add Facebook Like buttons to Static FBML tab on your Facebook page. You can add as many as you like as long as the have a unique “xid” parameter for each like button. “returnurl” is the parameter for the URL you want users to like. The code for one like button looks like this:

    // Code for my Like button

    Showing only the Like button

    Style sheet at the top has been added to hide elements which is included in the fb:comments set, this set displays Facebook’s comments functionality by default. Make sure to place the css above your FBML tags.

    • “.comment_body” displays the comments.
    • “.subtitle_left” displays a small Facebook icon with the text “Facebook social plugin” below the Like button.

  • Like button on dynamic urls

    Ellen 11:02 on December 1, 2010 | 0 Permalink
    Tags: , Like button

    I mentioned in the previous post how to sort your the number of likes of different URLS. In some cases you might wanna sort urls of the same domain to see the post popular post, the most popular product in your web shop or what have you. In order to have several Like buttons on one page each Like button needs to point to a unique URL, in many cases this is a dynamic URL generated to display the unique content.

    For Facebook to recognize the dynamic page as a unique page it helps to set their meta tags:

    <meta property="og:title" content="My dynamic title"/>
    <meta property="og:type" content="article"/>
    <meta property="og:url" content="http://www.mydomain.com/page.php?id=my_dynamic_url"/>
    <meta property="og:image" content="http://www.mydomain.com/unique_image_for_the_url.jpg"/>
    <meta property="og:site_name" content="My site name"/>
    <meta property="og:description"content="My unique description for the dynamic url"/>

    Proof test your URLs here: Facebook URL Linter

c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
esc
cancel