Topic-icon share or like button

Active Subscriptions:

None
13 years 1 month ago #33033 by Terry
share or like button was created by Terry
Hi all I really want to do is share orlike a page, so the share link should grab page contents or use local page meta data.

Now whilst the link back does indeed go to the page I can't figure out how to include any page description.

This is much more complex than other modules I have seen and quite frankly I am a little lost.

terry
The topic has been locked.
Support Specialist
13 years 1 month ago #33045 by alzander
Replied by alzander on topic share or like button
Terry,
Sorry for the confusion. There are a lot of options and settings to JFBConnect. While we try to make it simple, it's not always the case that it works out that way.

As for the Like button, when that's clicked, Facebook will look for the "Open Graph tags" on the page. Those are tags which set the title, description, image, and other information about the page. If you're using a component that we have an Open Graph plugin for, like Joomla Content, K2, JomSocial and some others, you should just install and enable that plugin. That will automatically set the title, description, and image for pages from those components.

Without a plugin for your component, JFBConnect will still set the title and description using your meta title and description. The image is something we wouldn't be able to 'guess' at though, since every component is different.

Finally, something you can do on any page to specifically set any of those Open Graph tags is to use the following command anywhere on the page:
{SCOpenGraph title=Your Title for the Page}
{SCOpenGraph description=Your description for this specific page}
{SCOpenGraph image=http://yoursite.com/link-to-image.jpg}
JFBConnect will see those 'tags' and translate them into the appropriate Open Graph tags. That gives you the flexibility to let JFBConnect automatically set things on most pages, and you can still have full control over specific pages.

I hope that helps explain a bit, but if you have any questions, don't hesitate to ask.

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

None
13 years 1 month ago #33071 by Terry
Replied by Terry on topic share or like button
Hi forgive me, but still a bit unclear, do i really need to get some other software to make this work.

I have tried adding the code above to a page but , it does not seem to make any difference.
The site description being displayed and no picture. .

we are a charity and just wanted to set this up as simply and cheaply as possible.

Also If I do need further software - plug in, are there any free ones which would perform this relatively simple task?
The topic has been locked.
Support Specialist
13 years 1 month ago #33072 by alzander
Replied by alzander on topic share or like button
After you add those tags, it can take Facebook a few days to 'see' the updated information your providing.

You can also use the Facebook URL Debug Tool to test your changes immediately. Run the page that you're working through that tool and you should be able to see the title, description, image, and a lot of other information about the page as far as Facebook sees. If you see anything wrong there, you should be able to fix it with the tags above, but if not, let us know.

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

None
13 years 1 month ago - 13 years 1 month ago #33073 by Terry
Replied by Terry on topic share or like button
Hi well it all seems ok in the Facebook URL Debug Tool ,

thanks .

On other thing, I am displaying this at the top of the page and now when I change pages there is an annoying jump.

is your module loading some thing to the top of the page?

This is quite unsightly and annoying and I can't figure out how to stop it, Please help with this.

www.rspca-canterbury.org.uk
Last edit: 13 years 1 month ago by Terry.
The topic has been locked.
Support Specialist
13 years 1 month ago #33076 by alzander
Replied by alzander on topic share or like button
After you run it through the Debug Tool, you can try to Like it again, or whatever you were trying before. That tool will (usually) update Facebook's cached data for your page as well, instead of making you wait a while.

Can you explain the 'jump' a little more? I'm not sure if I'm not seeing it with my development system, or if it's a 'small' jump and I'm just missing it.

The only thing we should be doing at the top of your page is adding that JFBCLike button. If you disable that, does it go away? Beyond that, we should be messing with anything on that page that should cause things to shift around. If it is the JFBCLike button, you may want to try switching to the button_count or box_count styles to see if that fixes it? I don't know why the Like button would be doing it, but those are some good tests to narrow down if it's 'us' as well as some possible solutions.

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 1 month ago #33078 by Terry
Replied by Terry on topic share or like button
Hi ALex,

Yeah its all working thanks.

Apart from the jump!

If I diasble the plugin it goes away.

when I change pages, as the new page is redrawn the page suddenly moves down a few pixels the plug in loads and then the page returns to its original positon...

As far as I can tell it is only 24px height and the div its loading into is 36px so there should be no movement?

any thoughts
The topic has been locked.
Support Specialist
13 years 1 month ago #33094 by alzander
Replied by alzander on topic share or like button
Terry,
Sorry for the delay. Been trying to figure out the jump as well. The height of the Like button gets set to 28px, which is (as you said) less than your height.

The only suggestion I can is to try to 'force' the height of the Like module to that height (or smaller). Since the Like button is loaded dynamically, it's possible that during loading it's set to something bigger for just a second, and then gets set to that 28px. To force the height, try editing your templates/yoo_master/css/custom.css file. At the bottom, add the following lines:
.jfbclike {height: 28px !important;}
Hopefully that will do what you're looking for, but if not, as always, let us know.

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

None
13 years 1 month ago #33109 by Terry
Replied by Terry on topic share or like button
Fantastic Alex thanks very much, I had to set the size to 36 for it to work??

There's just one more thing, if I am connected to www.rspca-canterybury.org.uk everything works well,

But if I connect without the www, the plugin reports that it cannot find the page.

I am sure its our host and nothing to do with your software just wanted to rule it out.

and once again thank you for your prompt help.

terry for geof
The topic has been locked.
Support Specialist
13 years 1 month ago #33111 by alzander
Replied by alzander on topic share or like button
Very glad to hear we're making progress and getting things going. We're always looking to make things easier, while keeping the flexibility and power that many users want. We try to back that up with excellent support as well, and hope you're satisfied.

For using 36px, if that works for you, that's fine by me :) My guess is it's the text on the Like button that can change based on different factors, so as long as you've fixed the height, then it should work going forward regardless of what the text says.

As for www vs non-www, when I go to your site as non-www, I get a whole different site that says something like "This domain name has been registered with Easyspace.com" at the top. That means that your hosting company thinks there is a different site for both www and non-www, which is almost never correct... but an easy misconfiguration to make.

If that's what you're seeing, that definitely doesn't have anything to do with JFBConnect. There's basically 2 ways to fix that (depending on your technical skills and/or tech support/hosting company):
* If you can manage your DNS settings, you want to create a "CNAME" record that points "rspca-canterbury.org.uk" to "www.rspca-canterbury.org.uk".
* Tell your hosting company to configure the web server to have www and non-www go to the same place.

In general, you want to have www redirect to non-www or the other way around. It's much better for the search engines as it doesn't make your site look like 2 separate webpages with the same content, and good for social stuff for a few similar reasons as well. For instance, if you click sourcecoast.com , you'll see that the page actually goes automatically to www.sourcecoast.com instead.

Hope that all makes sense, but should you need anything else, just let us know.

Thanks,
Alex
The topic has been locked.