Topic-icon How to add FB Page Like button

Active Subscriptions:

None
12 years 1 month ago - 12 years 1 month ago #43647 by Mykenzy00
Alex,

How do I add the Facebook like and share buttons with page count on my site. Not the like and count of my website url or my web pages. I want my Facebook page like to be click and show counts/clicks with share counts/clicks (this is the same count as my Facebook page). Facebook will let you set it up with code and I tried to use it but I think its conflicting with your code because it will not display.


File Attachment:


These are the buttons I want (Or Similar) on my website. When clicked it will like my Facebook page form my website and add the like to my Facebook page below and show actual Facebook like count.

File Attachment:


Thanks for the help.
Last edit: 12 years 1 month ago by Mykenzy00.
The topic has been locked.
Support Specialist
12 years 1 month ago #43654 by alzander
Use the SCSocialWidget module and configure the Facebook -> Like button. For the URL parameter, simply set the URL for your Facebook Page.

That's the most basic way to set things up. Other options include:
* Using the Facebook -> Like Box. This is a Page-specific feature that shows a Like button along with the stream from your FB Page.
* Use the {JFBCLike href=https://facebook.com/YOUR_PAGE} tag anywhere in an article, custom HTML module or anywhere else you want the button to display. This provides more flexibility since it's not confined to a specific module position, if you need it.

I hope that helps get you going, but if not, let us know!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 1 month ago #43689 by Mykenzy00
Alex,

Thanks I got it to work with the widget but what can I do about the spacing? It overlaps other modules. I'm using a joomlart template Muzic.

Also a note - the widget in the options tab, the provider "Facebook" "Share" Layout's drop down, none of them will change the look of that button.

Thanks
The topic has been locked.
Support Specialist
12 years 1 month ago #43711 by alzander
Glad to hear that helped get you going. For the spacing, can you post (or Private Message) a URL where we can see the spacing issue? Also, give a bit of a description as to what you're trying to do. We should be able to help provide some CSS that will get you going.

As for the Share button, that's a known bug that will be fixed in the next release. To fix now, edit the /components/com_jfbconnect/libraries/provider/facebook/widget/share.php file. Around line 26, you'll see:
$tag .= $this->getField('layout', null, null, '', 'data-layout');
Change that to:
$tag .= $this->getField('layout', null, null, '', 'data-type');
I hope that helps get you going!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 1 month ago #43723 by Mykenzy00
Alex,

Thanks for the help. I sent PM.

Bryan
The topic has been locked.
Support Specialist
12 years 1 month ago #43760 by alzander
Sorry for the delay. I got your Private Message, but am still a little confused as to what you're looking for. You mentioned:

I was looking for a drop down just like my login button or like your login button. But I could not find anything and I'm not good with custom css.

We don't have a drop-down module that can be used for the Like (or other share buttons) right now. Something you may want to try, that I almost mentioned before, is the JFBCSocialShare module. That can show the buttons in the side or top of the screen in a 'fixed' position that stays with the page as you scroll. The only issue with that is that the URL can't be for your FB Page because you likely don't want people Tweeting or LinkedIn Sharing your FB Page and instead want them doing that for your current page. It's something that you may want to try out though, at least to see what it does.

As for the Like button in the top, we can help you shift that over, if that's what your interested in, so that it's more in the middle of the page or something like that.. just let us know. I'm also only seeing the Share button, and not any of the other sharing buttons you mentioned. Not sure if you disabled them or they just aren't working for me.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 1 month ago #43796 by Mykenzy00
Hi Alex,

Sorry about my wish list. This is what I am looking for, for now. Yes I did disable the share button. There are three position (head-search, laguageswitcherload, top-login) in the top right of my joomlart template. But when I use each of them they look like you see the like button now, at the top and overlapping.

This is a photo of what I would like.


File Attachment:



Thanks
Bryan
The topic has been locked.