Google+1 and Facebook Likes Not Working on Product Pages

Hi Guys,
My site,http://www.joaniesgifts.co.uk is running 1.4.9.4.

After spending some time playing with G+ today i realised that my social buttons arent working on my product pages (at least some of the time)...

When i tested the product http://www.joaniesgifts.co.uk/terramund ... rrari-fund by +1ing it i noticed that a wrong image was posted to my google profile. When I clicked the facebook like button, I noticed that the image that was posted to the profile was some kind of default image with a random code on it (like those images to prove you're human).

It seems to work on some products and not others?

Can anyone help?

Kind Regards,
Joan

Update :-

Google+1 now shows correct image but gives an error (red box with !) on certain products such as :-

http://www.joaniesgifts.co.uk/east-of-i ... -stars-mug

Facebook like seems to sometimes post wrong picture including the "check if human" image from the reviews section...

Anyone have any clue?

Has anyone got this fully working?

Many thanks,
Joan

Not sure what addon you are using, but for Facebook like buttons, you also need to have a facebook meta tag add to the head section of the page which specifies the image to use - plus some other meta

see -> http://developers.facebook.com/docs/opengraph/

Google +1 is known to clash with other scripts such as fancybox etc - alas I dont have a solution at present for this

Thanks again Simon for jumping in.

The code i used wasn't an official addon, just tips I'd picked up on the forum so I guess
I need to be a bit more clever with the meta. The problem I guess is the meta would need to go in the header file and that wouldn't have information about a product?

Regarding+1, I guess I'll have to remove it until someone gets it working which is a shame as there is a split in opinions that it could help seo!

Kind Regards
Joan

In case anyone also having the facebook like wrong image issue - there is a known bug in facebook

issue - http://developers.facebook.com/bugs/285421101492706

It affects this line of your code. I've had to remove it for the time being. Not sure if this has some other affect..

// adding facebook's meta tags for Like button
$this->document->addFBMeta('og:title', $this->data['heading_title']);
$this->document->addFBMeta('og:url',$this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id=' . $this->request->get['product_id']));
$this->document->addFBMeta('fb:admins', 'joanie');
$this->document->addFBMeta('og:type', 'product');
$this->document->addFBMeta('og:site_name', $this->config->get('config_name'));
$this->document->addFBMeta('og:image', $this->data['thumb'] );

I have the same trouble with addthis.com (default share buttons in OC 1.5.X).
Sometimes, Facebook don't show the correct product image... how can i fix it?

Thanks!

spirit wrote:I have the same trouble with addthis.com (default share buttons in OC 1.5.X).
Sometimes, Facebook don't show the correct product image... how can i fix it?

Thanks!

I have the same problem.
Isn't any solution?

try the following

edit: catalog/model/catalog/product.php

find add before edit: catalog/controller/common/header.php

find add after
edit: catalog/view/theme/default/template/common/header.tpl

find add after

uksitebuilder wrote:try the following

edit: catalog/model/catalog/product.php

find

Code: Select all

	public function getProductImages($product_id) {
		$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_image WHERE product_id = '" . (int)$product_id . "'");

		return $query->rows;
	}

add before

Code: Select all

	public function getProductMainImage($product_id) {
		$query = $this->db->query("SELECT image FROM " . DB_PREFIX . "product WHERE product_id = '" . (int)$product_id . "'");

		return $query->row['image'];
	}	

edit: catalog/controller/common/header.php

find

Code: Select all

		$this->data['keywords'] = $this->document->getKeywords();

add after

Code: Select all

if(isset($this->request->get['product_id'])){
		$this->load->model('setting/extension');
		$this->data['fbimage'] = $this->model_catalog_product->getProductMainImage($this->request->get['product_id']);
}

edit: catalog/view/theme/default/template/common/header.tpl

find

Code: Select all

<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>

add after

Code: Select all

<?php if(isset($fbimage)){ ?><meta property="og:type" content="image"/>
<meta property="og:image" content="<?php echo HTTP_IMAGE.$fbimage; ?>"/>
<?php } ?>

uksitebuilder thanks a lot!
That was very helpful!
I have no words to thank you!

Here's a vqmod for those that want it
requires vqmod >= 2.1.5

uksitebuilder wrote:Here's a vqmod for those that want it

uksb_facebook_like_image_fix.xml

requires vqmod >= 2.1.5

Thanks Simons, worked fine!

I don't know why, but sometimes facebook share does not work (doesn't display any picture).
why? :/

view the page source to see the meta tag is there for the image for facebook

if it is, check the image exists and is greater than 50px X 50px

Also check the ratio of width to height is not greater than 3:1

uksitebuilder wrote:Here's a vqmod for those that want it

uksb_facebook_like_image_fix.xml

requires vqmod >= 2.1.5

Can you fix like images for category images?

Do you mean the actual category image or the product images shown in the list of products when viewing a category. ?

uksitebuilder wrote:Do you mean the actual category image or the product images shown in the list of products when viewing a category. ?

Hi,
I mean the actual category image

First tried making all the edits manually, which was easy enough, but product images were still not showing on Facebook (running 1.5.1.3). Checked by viewing source and I can confirm that the meta tags were NOT there.

Then I reversed the edits and installed the vqmod... works GREAT! Both Facebook and Google+ are showing the correct product images. Thanks a lot uksb, this issue was really annoying me!!



My only suggestion is that JoaniesGifts add the old "[SOLVED]" to the thread title so users are better informed.

TraderDan wrote:First tried making all the edits manually, which was easy enough, but product images were still not showing on Facebook (running 1.5.1.3). Checked by viewing source and I can confirm that the meta tags were NOT there.

Then I reversed the edits and installed the vqmod... works GREAT! Both Facebook and Google+ are showing the correct product images. Thanks a lot uksb, this issue was really annoying me!!



My only suggestion is that JoaniesGifts add the old "[SOLVED]" to the thread title so users are better informed.

Damn, for this reason the images don't work all the time in my site.
But, what's the problem with the manually edits? Because i don't use vQmod.
I hope your help, thanks!

uksitebuilder wrote:view the page source to see the meta tag is there for the image for facebook

if it is, check the image exists and is greater than 50px X 50px

Also check the ratio of width to height is not greater than 3:1

I can't understand why in this product http://e-kreopoleio.com/%CE%AD%CF%84%CE ... F%84%CF%8C loads properly the image but in this product http://e-kreopoleio.com/%CE%AD%CF%84%CE ... %84%CF%8C- didn't load it properly.The page source is the same.

because 2nd link is a category page.