SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Guru phantom007's Avatar
    Join Date
    May 2008
    Posts
    742
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Question Facebook Pages Custom Like Functionality

    HI Everyone


    Please take a look at http://www.facebook.com/FanPageEngin...48891981830105

    That facebook page will allow you to view the contents only when you click on the "Like FanPage Engine" button.

    Does anyone here know how to do that?



    Any help will be appreciated.


    Many thanks in advance

  2. #2
    SitePoint Wizard silver trophy
    Join Date
    Aug 2003
    Location
    Southern California
    Posts
    4,686
    Mentioned
    19 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by cancer10 View Post
    HI Everyone


    Please take a look at http://www.facebook.com/FanPageEngin...48891981830105

    That facebook page will allow you to view the contents only when you click on the "Like FanPage Engine" button.

    Does anyone here know how to do that?



    Any help will be appreciated.


    Many thanks in advance
    Yes. Their API supports checking if someone is or is not a fan and the Facebook terms permit using this to change the content (so you can limit contests, updates to fans). Search for "fangate" to learn more.
    - Ted S

  3. #3
    SitePoint Guru phantom007's Avatar
    Join Date
    May 2008
    Posts
    742
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ted S View Post
    Yes. Their API supports checking if someone is or is not a fan and the Facebook terms permit using this to change the content (so you can limit contests, updates to fans). Search for "fangate" to learn more.

    Hi Sir

    If you see the link I provided, it will not ask you to allow anything, but when you click on that big customized LIKE button, it will act as the FB LIKE and post on your wall as "you liked blah blah"

    My question is how do we create custom LIKE button because FB does not allow you to customize it.


    Pls help

  4. #4
    SitePoint Wizard silver trophy
    Join Date
    Aug 2003
    Location
    Southern California
    Posts
    4,686
    Mentioned
    19 Post(s)
    Tagged
    0 Thread(s)
    Like I said, this is fangating. Using the Facebook API their application is showing a page to non-fans with a static button that launches the LIKE function. Once you LIKE it the API responds differently and a different page is shown.
    - Ted S

  5. #5
    SitePoint Guru phantom007's Avatar
    Join Date
    May 2008
    Posts
    742
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ted S View Post
    Like I said, this is fangating. Using the Facebook API their application is showing a page to non-fans with a static button that launches the LIKE function. Once you LIKE it the API responds differently and a different page is shown.
    I did search for "fangate" and no relevant result is found

    http://www.google.co.in/search?sourc...TF-8&q=fangate

  6. #6
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey all, this is David Foster from FanPageEngine and I wanted to let you know that we actually did a LOT of research before we made that like button because I too had heard that it was no allowed, but we could not find anything on the entire Facebook site or anyplace for that matter. I am not exactly sure how our developers did it, but I can find out. I do know that this page is an iFrame page, so it functions a tad different than the ones made in FBML.

    David Foster

  7. #7
    SitePoint Guru phantom007's Avatar
    Join Date
    May 2008
    Posts
    742
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by FanPageEngine View Post
    Hey all, this is David Foster from FanPageEngine and I wanted to let you know that we actually did a LOT of research before we made that like button because I too had heard that it was no allowed, but we could not find anything on the entire Facebook site or anyplace for that matter. I am not exactly sure how our developers did it, but I can find out. I do know that this page is an iFrame page, so it functions a tad different than the ones made in FBML.

    David Foster

    Hi David

    I am glad you replied. Trust me, there are hundreds of people who are already looking for an answer to this. So if you could please guide us how to do this, it will really be appreciated.


    Many thanks

  8. #8
    SitePoint Wizard silver trophy
    Join Date
    Aug 2003
    Location
    Southern California
    Posts
    4,686
    Mentioned
    19 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by cancer10 View Post
    I did search for "fangate" and no relevant result is found

    http://www.google.co.in/search?sourc...TF-8&q=fangate
    Adding words in queries helps get more relevant...

    http://www.chilipepperdesign.com/201...orial-with-php

    http://marquina.onsugar.com/How-Fan-...owing-12999062

    And of course there's loads of info about the API at developers.facebook.com
    - Ted S

  9. #9
    SitePoint Enthusiast FPForum's Avatar
    Join Date
    Apr 2006
    Location
    TX, USA
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is pretty simple to achive really...

    Goto your Ads and Pages area.
    Click "Edit Page" under the page you wanna do this on
    Click "Apps" on the left
    Click "Add App" next to the Static FBML section

    The custom FBML app is now added to your page. Now, on the same page under Static FBML click "Edit Settings" and make sure the Tab has "added" next to it (this means the tab is active and showing on your page)

    Click okay to close that and then click "Go to App"

    This is where the content of the page goes. The specific facebook tags to hide that stuff is <fb:visible-to-connection></fb:visible-to-connect>

    As for the custom Like button..He is using an image and CSS..I think as long as you use the url points to http://www.facebook.com/plugins/like...-FACEBOOK-PAGE then when it's clicked the like will be added to your page/group/app.

    So in the FBML section you can put

    <b>Click the "Like" button To View More</b>

    <a href="http://www.facebook.com/plugins/like.php?href=http://www.URL-TO-YOUR-FACEBOOK-PAGE"><img src="http://domain.com/image.jpg" border="0" /></a><br />

    <fb:visible-to-connection>
    <p>bla bla bla</p>
    </fb:visible-to-connect>
    Boom. Now, when you click the tab on the page you will see the bold text..Once you click "like" you will see the bla bla bla text.

    Hope this explains it all!

  10. #10
    SitePoint Guru phantom007's Avatar
    Join Date
    May 2008
    Posts
    742
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by FPForum View Post
    This is pretty simple to achive really...

    Goto your Ads and Pages area.
    Click "Edit Page" under the page you wanna do this on
    Click "Apps" on the left
    Click "Add App" next to the Static FBML section

    The custom FBML app is now added to your page. Now, on the same page under Static FBML click "Edit Settings" and make sure the Tab has "added" next to it (this means the tab is active and showing on your page)

    Click okay to close that and then click "Go to App"

    This is where the content of the page goes. The specific facebook tags to hide that stuff is <fb:visible-to-connection></fb:visible-to-connect>

    As for the custom Like button..He is using an image and CSS..I think as long as you use the url points to http://www.facebook.com/plugins/like...-FACEBOOK-PAGE then when it's clicked the like will be added to your page/group/app.

    So in the FBML section you can put



    Boom. Now, when you click the tab on the page you will see the bold text..Once you click "like" you will see the bla bla bla text.

    Hope this explains it all!

    With your method, a user has to click the LIKE button twice, first click on the custom like button, and second click on the actual like button.

  11. #11
    SitePoint Enthusiast FPForum's Avatar
    Join Date
    Apr 2006
    Location
    TX, USA
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by cancer10 View Post
    With your method, a user has to click the LIKE button twice, first click on the custom like button, and second click on the actual like button.
    Actually, both like buttons essentially go to the same place. Just like the original page has two like buttons, you will never be able to get rid of the like button at the very top. But, if the like button in the content itself is linking to the fan page then clicking the particular Like button is the same as clicking it at the very top.

    Hope this makes sense.

  12. #12
    SitePoint Guru phantom007's Avatar
    Join Date
    May 2008
    Posts
    742
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by FPForum View Post
    Actually, both like buttons essentially go to the same place. Just like the original page has two like buttons, you will never be able to get rid of the like button at the very top. But, if the like button in the content itself is linking to the fan page then clicking the particular Like button is the same as clicking it at the very top.

    Hope this makes sense.
    There is no way to know the absolute link where the LIKE button is taking you after clicking, so its very hard to find out the actual happening behind the scenes.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •