Advertisement:
2by2host

Author Topic: Advance Facebook Like button with OpenGraph (For Each Post)  (Read 28572 times)

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Advance Facebook Like button with OpenGraph (For Each Post)
« on: October 15, 2011, 09:50:15 AM »
Advance Facebook Like button with SEND button and Open Graph Support
by Ricky. |  Mod Support | My Other Mods
For SMF 2.0 RC5, 2.0, 2.0.1



Download this MOD | View More Details


Description

This Mod allows you to add Facebook like button at prominent location on your forum along with open graph and with option to specify your own image which will be shown along with your shared link on Facebook , you can use your logo as shared image which will help you to spread your name. With Open Graph Support it lets you to use features like Facebook Insight so that you can check how many people Liked and Shared your link on facebook etc.

You may get your facebook link App ID and Admin ID here. Though it may work without it also but obtaining one is recommended.


Features

  • Lets you specify FB Admin ID and App ID so that you can track your facebook LIKE button activity on Facebook insight.
  • Ability to provide custom image which will be shown along your shared URL on facebook, helps to increase awareness bout your site.
  • Ability to disable / enable like button inside topics.
  • Also lets you to show FB like button on each post of a given topic. You can turn it OFF / ON from Admin panel.


Demo

Demo can be found here -->
Webmaster Forum- ifandbut.com


Installation

Simply install it via package manager.


Installation on Custom Template

This MOD need manual modification in order to function on custom themes other than default. You can use Package Parser to do the required changes. If you are unsure about it then you can ask me.


Administration

After install you can access it through Admin Panel where you can specify your own Message for Guests as well as for Members.
  • For SMF 2.0, 2.0.1 , 2 RC 5 :
    Goto --> Admin --> Configuration --> Modification --> Miscellaneous 



Customization

This MOD allows you to have basic facebook like button on every page of the website, if not on topic, clicking like button will actually submit your main Forum URL and if on topic then it will submit your TOPIC url. You can turn off in-topic LIKE button which also includes FB send button.

Changelog

0.2 - Added feature to show FB like button on each posts of given topic.
        Removed FB like button from Administration Area to avoid unnecessary facebook OG calls

0.1 - Initial release
« Last Edit: October 29, 2011, 12:52:24 AM by Ricky. »

Offline vbgamer45

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,403
    • smfhacks on Facebook
    • @createaforum on Twitter
    • SMF For Free
Re: Advance Facebook Like button with OpenGraph
« Reply #1 on: October 15, 2011, 09:53:43 AM »
Awesome idea. The open graph part is awesome being able to track likes a lot easier.
SMF For Free -Free SMF Forum hosting.
SMFHacks.com -  Paid Modifications for SMF

Latest Mod:
EzPortal - A Portal System for SMF
Community Suite
Newsletter Pro SMF Gallery Pro SMF Classifieds SMF Store

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #2 on: October 16, 2011, 03:29:36 PM »
Thank you.. actually I was doing this on my few forum from long..really interesting to see what facebook is giving to your.. OR rather.. whats its taking :P... thought to share with SMF community also. :)

Offline Bancherd

  • Jr. Member
  • **
  • Posts: 283
    • Thai Koi Keepers' Home Page
Re: Advance Facebook Like button with OpenGraph
« Reply #3 on: October 17, 2011, 09:03:40 AM »
Hmm, is this mod compatible with SMF2.0.1?  I am using SMF2.0.1 and managed to install this mod while emulating  SMF2.0.

However, when I went to the configuration page, I got blank screen.  :-\

Thanks.

 ;D

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #4 on: October 17, 2011, 11:56:09 AM »
It is compatible with SMF2.0.1 , I only need to modify few small things, will update.
However, you got blank screen, that may due to that mod not properly installed.

Offline Bancherd

  • Jr. Member
  • **
  • Posts: 283
    • Thai Koi Keepers' Home Page
Re: Advance Facebook Like button with OpenGraph
« Reply #5 on: October 18, 2011, 06:33:37 PM »
Thanks for the response, I will wait for the update then try again.  :D

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #6 on: October 25, 2011, 07:44:36 AM »
I have updated this MOD  to work with current version of SMF as well as added option to show FB like button on each post.

Offline PLAYBOY

  • SMF Hero
  • ******
  • Posts: 1,903
  • Livephotoshop.com & Lullabyabc.com
    • Lullabies and Us
Re: Advance Facebook Like button with OpenGraph
« Reply #7 on: October 27, 2011, 07:41:28 PM »
Do you have to have an app id to use this mod? All i want is to have a facebook share or like button for each post (not each topic but post)

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #8 on: October 28, 2011, 01:45:07 AM »
It will work without them too but obtaining one is easy, just use your current FB ccount and shall work. That way you can see how many pages are being liked, what traffic you get from FB and what traffic you sent to FB !

Offline PLAYBOY

  • SMF Hero
  • ******
  • Posts: 1,903
  • Livephotoshop.com & Lullabyabc.com
    • Lullabies and Us
Re: Advance Facebook Like button with OpenGraph
« Reply #9 on: October 28, 2011, 02:25:29 AM »
Yeah but to get an app id you have to give your real personal info (phone number/cc number etc.) otherwise you cant get your own app id.

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #10 on: October 28, 2011, 02:39:08 AM »
Well, then I have tested it and works without using them ie. leaving all blank ..Go ahead and use it.. only thing you need to do is to enable it..

Offline PLAYBOY

  • SMF Hero
  • ******
  • Posts: 1,903
  • Livephotoshop.com & Lullabyabc.com
    • Lullabies and Us
Re: Advance Facebook Like button with OpenGraph
« Reply #11 on: October 28, 2011, 02:55:59 AM »
Yeah i am using it now. Its very very nice. Good job with it. Thank you.

The only thing that kinda bothered me is that there is no option to disable the like button on the top right corner of each page. That button covers my search bar.

Also i think it would be helpful to have the options in permissions for each membergroup.

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #12 on: October 28, 2011, 03:25:03 AM »
hmm..

You can customize css so that it won't overlap with each other.  Hmm.. I will consider adding option to disable top button in future update.

Offline PLAYBOY

  • SMF Hero
  • ******
  • Posts: 1,903
  • Livephotoshop.com & Lullabyabc.com
    • Lullabies and Us
Re: Advance Facebook Like button with OpenGraph
« Reply #13 on: October 28, 2011, 03:48:52 AM »
Can you help me out on that? Like what code i need to adjust and what should i do? I am not good at those.

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #14 on: October 28, 2011, 04:37:00 AM »
Link to your site ?

Offline PLAYBOY

  • SMF Hero
  • ******
  • Posts: 1,903
  • Livephotoshop.com & Lullabyabc.com
    • Lullabies and Us
Re: Advance Facebook Like button with OpenGraph
« Reply #15 on: October 28, 2011, 04:56:55 AM »
I can give you any file you need. Just ask.
I use Mineral Multicolor theme

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #16 on: October 28, 2011, 05:52:24 AM »
PM me your site link if you have privacy concern.

Offline Bancherd

  • Jr. Member
  • **
  • Posts: 283
    • Thai Koi Keepers' Home Page
Re: Advance Facebook Like button with OpenGraph
« Reply #17 on: October 28, 2011, 10:22:29 AM »
Works great on my forum!  Thank you.  :)

My earlier problem must be due to my host's configurations.

Offline PLAYBOY

  • SMF Hero
  • ******
  • Posts: 1,903
  • Livephotoshop.com & Lullabyabc.com
    • Lullabies and Us
Re: Advance Facebook Like button with OpenGraph
« Reply #18 on: October 28, 2011, 12:56:25 PM »
PM me your site link if you have privacy concern.

I actually do. I cant give my site address. Please understand.
But i can put any file  or a screenshot here

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,765
    • Indian Linux Forums
Re: Advance Facebook Like button with OpenGraph
« Reply #19 on: October 29, 2011, 12:51:54 AM »
Well, then I suggest you to remove top button code.. its simply matter of removing one line..
In index.template.php
Find :
Code: [Select]
<fb:like send="false" layout="button_count" width="100" show_faces="false" font=""></fb:like>Remove it and make sure you don't touch anything else.


@Bancherd
I am glad you liked it.