Author Topic: Tutorial: How to get Facebook Like working on your Virtuemart site  (Read 107821 times)

Reggaeshop

  • Jr. Member
  • **
  • Posts: 53
    • Trenchtown Music :: www.reggaeshop.cz
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #90 on: August 07, 2011, 09:49:28 am »
Hi, it looks like that there could be the issue. Since I had selected a "readible" name for facebook profile (www.facebook.com/myname), my ID is not visible by hovering over my name with the  mouse.

To find my FB userID, I used the method via hovering with my mouse over pictures I stored - however, this method appears not to function any more.

Ways to find your FB userID are described here:
- http://blog.panzigdesigns.com/2011/07/finding-your-facebook-profile-user-id.html (useful for anybody who needs
- http://www.metataggenerator.org/analyzer/just-fb-id.php
I tried both, plus a FB app which shows your ID, and they all give the same result (which is different than the one I have added to the code so far).

I guess I have to add my real FB userID to the FB Like code I added to my site. Will try this and let you know the results.

Thanks so far!

Reggaeshop

  • Jr. Member
  • **
  • Posts: 53
    • Trenchtown Music :: www.reggaeshop.cz
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #91 on: August 07, 2011, 10:10:48 am »
Well, I do not know what should be next steps.

As advised earlier, I removed the appID from the code. But I do not know what to do with my FB userID?  Where to put it?

Thanks,

Peter

Already found out - there is one field in the OpenGraph extension where to add the admin ID. I tested it, and it looks like that the issue is solved - the likes very neatly appear on my facebook profile when I test it (including picture  :)  ) and no error messages any more.

I hope no new issues appear - so far thanks a lot!!!

marksiii

  • Beginner
  • *
  • Posts: 7
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #92 on: August 08, 2011, 14:16:31 pm »
I have installed sh404sef (jomla 1.5.23, vm1.1.9, vm open graph 1.9, vm add canonical 1.2, sh404sef 2.2.7.981)
Like button not working  :(

When sh404sef is disabled, all works fine.

kevinwood

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #93 on: August 08, 2011, 14:18:06 pm »

Already found out - there is one field in the OpenGraph extension where to add the admin ID. I tested it, and it looks like that the issue is solved - the likes very neatly appear on my facebook profile when I test it (including picture  :)  ) and no error messages any more.

I hope no new issues appear - so far thanks a lot!!!

Excellent!  Glad to hear you got it working!

kevinwood

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #94 on: August 08, 2011, 14:19:14 pm »
I have installed sh404sef (jomla 1.5.23, vm1.1.9, vm open graph 1.9, vm add canonical 1.2, sh404sef 2.2.7.981)
Like button not working  :(

When sh404sef is disabled, all works fine.

HI there.  I need a bit more information than that.  What do you mean the like button doesn't work?  Do you get an error?  Have you tried the Facebook linter?

marksiii

  • Beginner
  • *
  • Posts: 7
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #95 on: August 08, 2011, 15:10:02 pm »
www shows:
Be the first of your friends to like this. · Error (red color)

Lintner shows:
The page at could not be reached because the server returned status code 303.

kevinwood

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #96 on: August 08, 2011, 17:33:23 pm »
www shows:
Be the first of your friends to like this. · Error (red color)

Lintner shows:
The page at could not be reached because the server returned status code 303.

Well, it doesn't sound like it has anything to do with my plugins.  Have you tried unchecking the "cookie check" option in VM?

marksiii

  • Beginner
  • *
  • Posts: 7
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #97 on: August 08, 2011, 23:32:41 pm »
Unchecking the "cookie check" in VM solve the problem.

Thank you for your help  :)

bOngY

  • Beginner
  • *
  • Posts: 1
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #98 on: August 26, 2011, 02:41:16 am »
Hi Kevin Thank you so much 8) ;D
It works like a charm, I did have to bang my head a few times to get it to work properly

For new people
Do exactly as said in the tutorial and disable the virtuemart check cookie
Also to avoid having the complete URL pasted on the facebook, when you are configuring the plugin select og:URL tag to No so that the title is displayed with a hyper link to the same URL.

Again Thanks Kevin U Rock :)

ilcarlo72

  • Beginner
  • *
  • Posts: 1
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #99 on: September 05, 2011, 15:45:37 pm »
Hello!

I've followed your tutorial and I got my like button working fine: on site side is shows like count and on facebook side it shows the right image, title and link... There is only one issue: in place of the product description it shows the site description.

Any workaround for this?

Thanks in advance and regards,
Carlo

kevinwood

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #100 on: September 06, 2011, 14:46:52 pm »
Hello!

I've followed your tutorial and I got my like button working fine: on site side is shows like count and on facebook side it shows the right image, title and link... There is only one issue: in place of the product description it shows the site description.

Any workaround for this?

Thanks in advance and regards,
Carlo

Hi Carlo.  Facebook pulls the description from the meta description tag in the header.   Virtuemart willl populate the meta description tag with the contents of the "short description" field in the product page.  If you do not enter anything in this field, then Joomla will populate this tag with the default meta description in your site configuration.  You do not want this to happen because from an SEO point of view, search engines see multiple duplicate meta descriptions which will negatively impact your search results.  Therefore, for both SEO and Facebook purposes you should be filling in the short description field for each of your products in Virtuemart.

Hope that helps.

nickwalks

  • Beginner
  • *
  • Posts: 14
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #101 on: September 12, 2011, 09:15:53 am »
Hi Kevin,

Thanks for the development of this plugin. I have it close to working but I'm just not sure what I'm missing to get it over the line. My problem is that I see different amount of "likes" for same product.

http://www.creuxcycling.com/t-shirts?page=shop.product_details&flypage=flypage_creux_tees.tpl&product_id=2&category_id=1 (4 people like this)
http://www.creuxcycling.com/t-shirts?page=shop.product_details&category_id=1&flypage=flypage_creux_tees.tpl&product_id=2 (be the first to like)

Can you point me in the right direction to get this resolved? Thanks in advance,
Nick

kevinwood

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #102 on: September 12, 2011, 14:39:24 pm »
Hi Kevin,

Thanks for the development of this plugin. I have it close to working but I'm just not sure what I'm missing to get it over the line. My problem is that I see different amount of "likes" for same product.

http://www.creuxcycling.com/t-shirts?page=shop.product_details&flypage=flypage_creux_tees.tpl&product_id=2&category_id=1 (4 people like this)
http://www.creuxcycling.com/t-shirts?page=shop.product_details&category_id=1&flypage=flypage_creux_tees.tpl&product_id=2 (be the first to like)

Can you point me in the right direction to get this resolved? Thanks in advance,
Nick

Liking across different URLs with the same canonical URL sometimes has odd results, but usually running the various URLs through the Facebook Linter solves them.  In this case it didn't.  The only thing I can see as a problem is that you don't have the og:type tag set which may be causing this issue.  I would recommend setting the og:type to "product" then running the URLs through the Linter to see if that fixes it.

nickwalks

  • Beginner
  • *
  • Posts: 14
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #103 on: September 13, 2011, 04:04:50 am »
Hi again Kevin, I did as you suggested. Firstly I set the og:type to "product" and ran the urls through the facebook linter. It gave the error that no admin id was set. So I went back through https://developers.facebook.com/docs/reference/plugins/like/ Step 2 - Get Open Graph Tags and because I was logged in to facebook (in another window) it automatically had my admin id in place. I entered this in the 'System - VM Open Graph' plugin Facebook Admins field. Also I updated the html tag of the template by adding in xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#" which I'd left out previously. It seems to have resolved and be working now. Thanks for the push in the right direction.

Gippsweb

  • Beginner
  • *
  • Posts: 25
    • Wots I.T.?
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #104 on: October 11, 2011, 01:28:46 am »
Thanks for this plugin. It's been working a treat on our site.. :)

Although when testing links at http://developers.facebook.com/tools/debug it says that og:locale should be explicitly provided.
It shows as a warning that should be fixed as opposed to an error..

Is there a way to do this through the plugin in some way??