Monday, 9 March 2015

Famax 4.0 - The Complete Facebook FanPage Solution - jQuery Plugin


Famax 4.0 - jQuery plugin


Famax - latest version


The Complete Facebook FanPage experience on your website!

4.0 Features:

1. A page to display all Albums of the FanPage
2. A page to display all Videos of the FanPage
3. Dispay Comments and Likes for any Post
4. Ability to add Comments and Likes on any Post with Facebook Login
5. Improved Skins

3.0 Features:

1. Show Facebook Albums (each album in a Tab)
2. Lazy Loading of images (first loads a Low definition pic and then loads a HD pic)
3. A new grey Skin for Famax
4. Ability to select any Tab on page load

2.0 Features:

1. Works on any device size (responsive + fluid)
2. Fancy layout (new grid + header)
3. Load more button for feeds
4. Improved lightbox popup for videos (responsive + fluid)
5. Optimized code overload (minified JS+CSS ~ 50KB)
6. Uses Facebook v2.2 API
7. A Tab for your Fan Page posts
8. Another tab for your Fan Page Tags (and what people are posting on your page)
9. Drop Down in place of tabs for Mobile mode
10. Customize anything with CSS (or send us an Email)






SCREENSHOTS:


Grey Skin



Tags Page



Likes



Albums Page



Comments



White Skin



Load More



Mobile Mode


Multiple Images Posts



USAGE:


1. Include plugins

Upload the download package to your server at the appropriate path. Include the plugin as shown below


2. Create a container for your interface

Add a div as shown below in you HTML. This div will contain the Famax widget and display your channel feed.


3. Call the Famax plugin

You can directly use the Generator to generate the below jQuery call code



4. How to get create your Facebook App



1. Login to Facebook Developers website.
2. From the "My Apps" drop down click on "Add a New App"



3. Click on the Website option



4. Type in a name for your app and click on "Create ..."



5. Give it a category and click on "Create APP ID"



6. Type in the name of your website and click "Next"



7. Now Click on the "My Apps" tab on the top of the page. You should see your new app. Click on it.


8. Here you can find you App Id and App Secret


9. Fill in your Contact email in Settings page. Then Fill your App details on the App Details page as shown in the below screen. Also upload an App Icon on the same page.




10. Go to the Status and Review Tab on the left and toggle the button so that you app will be live and available to all users.



5. Submit you Facebook APP for review



Okay, so if you want users to add likes and comments via Famax, you need to perform this step. Otherwise you can skip this.

1. In the Settings page, make sure you have the correct website URL where Famax will be hosted



2. In your APP details page, you should have the below items -
a) Logo: 1024 x 1024 high-resolution image for your app
b) Long Description: Explanation of what your app does and why you need the functionality going through review
c) Privacy Policy: An accessible website URL that hosts your privacy policy




3. Go to the "Status and Review" Tab and click on Start Submission.



4. In the dialog box, select the "publish_actions" permission and click on "Add"



5. Fill out the Items in review page as shown in the below screens. Finally click on Submit for Review.




6. Some steps to protect your APP



Okay, so this is an optional step, where you can take some precautions so that no one can touch your APP settings.

1. Obfuscate the code having the call to Famax (in Step 2). Use the JS Obfuscator to obfuscate your code that has the App secret. Use the obfuscated code on your page. Using this step, the App Id and Secret will not be available to people looking at your site's source code.



2. In your Facebook App, go to the "Settings" page and click on the "Advanced" Tab. Here you can see the "Update Settings IP Whitelist" field. Add your IP address here.Using this step, only the specified IP address will be able to make changes to your App settings. This means if someone finds your App Secret and tries to update your App settings, he won't be able to do it.



Basically, the above steps will make the App Secret worthless for the attacker. All he can do is retrieve public data from Facebook, which is anyway public :)

That's it guys. Let me know what other improvements you would like in the next version!
Download is live!

47 comments:

  1. I like your plugin a lot, thanks. It would be nice if you could set a max-height on the actual posts container, so that you could put a y-scroll on only that and leave the page header and tabs in place.

    ReplyDelete
    Replies
    1. Yes sure, we have noted this down and we will try to add this in the next version which is coming soon :)

      Delete
  2. Hi - Can I use your Facebook feed code for Weebly or Squarespace or does it have to be WordPress?

    ReplyDelete
    Replies
    1. If you can edit your HTML on Webly or Squarespace, then you can use the Javascript version of Famax. You can upload the scripts to Google Drive and use that link in the Step 1 Include Plugins section :)

      Delete
  3. Hey Jake,

    I don't think people need to request publish_actions permissions anymore as per your instructions say. I installed Famax 4.0 on my site and submitted a review request to the Facebook team. The approval for publish_actions was denied as the plugin does not actually post comments / likes you make via Famax to the persons personal timeline, which I was informed is what the publish_actions permission is meant to allow. However, I can still comment and Like via Famax and the results show up on the Facebook.com FanPage. So it doesn't seem publish_actions is needed for the comment / like via Famax.

    ReplyDelete
  4. is it possible to import FB images with black and white colors?

    ReplyDelete
    Replies
    1. No Sir, you can display all images on a Page or from a specific album in a FanPage on Facebook :)

      Delete
  5. is this limited to only fan pages? or i can also use albums from my personal facebook account

    ReplyDelete
    Replies
    1. Yes, this is limited to FanPages. Facebook has removed support for displaying personal account photos etc. from their API.

      Delete
  6. Can this be used to display a feed of reviews from Facebook?

    ReplyDelete
  7. Please could you help me with the warning about the Notes for publish_actions? Thanks!

    ReplyDelete
  8. nice, but one thing that is 1000% missing is the possibilitiy to show the Date and Time on the posts. If you have 2 collums it is from time to time confusing, what is new, what is old and so on. So please please add this feature to let somewhere show the date and time of the posts.

    ReplyDelete
    Replies
    1. Thank You Michael. I will add this in the next version upgrade :)

      Delete
  9. This is brilliant!! I am considering to implement it on my website. Is it possible to 'build' a custom feed from a set of different pages?

    ReplyDelete
    Replies
    1. No, you can use our PhotoMax plugin where you can have multiple page feeds. But those feeds will be separated by Tabs in the plugin.

      Delete
  10. I installed this plugin, works great but today when I load the page facebook plugin doesnt work and I get error messege Session expired. Please reload the page.

    ReplyDelete
    Replies
    1. It means your token is expired. Please generate a new Token using our Token generator
      http://demos.codehandling.com/access_token/access_token.html

      Delete
    2. Thanks for response..I managed to generate new token..add it to the page but it still not working..when i open the console i get error: jquery.famax.js:1048 Uncaught TypeError: Cannot read property 'length' of undefined

      Delete
    3. Please share your web page link. There might be some settings issue. Or write to me at web.codehandling@gmail.com

      Delete
    4. Hi Jake! I'm having the same issue. I installed this plugin a few weeks ago, works great but now doesnt work and I get message "undefined" instead of the Fanpage name and a broken image icon. Even when I download the package again.

      I have sent you an email. Thank you!

      Delete
    5. I found a kind of solution... I have copied all the code from your demo page and after reconfigured my fan page I have hidden the "div class="control_holder"" tags with a property style "display:none". And done...

      Delete
    6. Andrea, you just need to generate a new Token and use that :)

      Delete
  11. I sent you an email with link to the page. Thank you!

    ReplyDelete
    Replies
    1. Already sent you the updated Token. You just need to update that :)

      Delete
  12. Replies
    1. We have added new Facebook Token. It is working now :)

      Delete
  13. love this plugin hope you guys could do more about your wordpress plugin

    ReplyDelete
  14. My plugin stopped working generated a new token and dont work please help.

    Thanks

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. wow, great, I was wondering how to cure acne naturally. and found your site by google, learned a lot, now i’m a bit clear. I’ve bookmark your site and also add rss. keep us updated.
    buy facebook page likes india

    ReplyDelete
  17. thanks for the tips and information..i really appreciate it..
    buy fb fan page likes

    ReplyDelete
  18. Sure, it’s a good thing to enjoy your work, but there is such a thing as enjoying it too much.
    bejeweled

    ReplyDelete
  19. hi really interesting your plugin.
    only a quick question : is it possible to load more differenta facebook pages?
    or just only id?
    thanks

    ReplyDelete

  20. The blog or and best that is extremely useful to keep I can share the ideas of the future as this is really what I was looking for, I am very comfortable and pleased to come here. Thank you very much.
    animal jam | five nights at freddy's | hotmail login

    ReplyDelete
  21. We teach our downlines to do the same and to surf from person to person and hand out links to our mlm business opportunity. Take off the billboard around your neck and become a real person.real facebook likes

    ReplyDelete
  22. Interesting post! This is really helpful for me. I like it! Thanks for sharing!
    - google mail

    ReplyDelete
  23. I am searching it for about 5 months and finally i found it

    ReplyDelete
  24. Hi,
    I need a new access token.
    http://www.macqcon.org.au/gallery.html

    ReplyDelete
  25. I have been searching to find a comfort or effective procedure to complete this process and I think this is the most suitable way to do it effectively. social media

    ReplyDelete
  26. Consider skipping over the political and religious views. Everybody has their views but if you want conduct a professional business, you might want keep that part off your profile. Facebook hacken gratis

    ReplyDelete
  27. I found a lot of interesting information here. A really good post, very thankful and hopeful that you will write many more posts like this one.


    ReplyDelete
  28. Exactly, you're very kind of us about comment!. Visit This Link

    ReplyDelete
  29. The article you have shared here very good. This is really interesting information for me. Thanks for sharing!
    hotmail login |hotmail sign in |free hotmail login

    ReplyDelete
  30. You know your projects stand out of the herd. There is something special about them. It seems to me all of them are really brilliant! seo expert

    ReplyDelete
  31. Very good! I feel interesting and curious, what were you thinking and how long did it take to get this article?
    slither io

    ReplyDelete
  32. A really useful article! Thanks! It does help me a lot

    ReplyDelete