Facebook Like Button

delia:

Thanks for that information. I'll include this link in the documentation. It's not about how the like button appears - but about problems with search engines. The article includes suggestions to implement but also suggests not using the XFBML Like button and using only the iframe button in the meantime. A choice not an option if you have a secure cart. The iframe will throw an error on secure pages.

Do continue posting problem reports here but remember I am a Zen Cart developer not a Facebook developer. I only followed the directions given by Facebook to create this mod. It does seem to be working but I will hold it for a while longer to see what else crops up.

This is also another solution option for those that care about the Facebook fb_xd_fragment bug. http://forum.developers.facebook.net/viewtopic.php?pid=271194 post #11

delia:

I'm not seeing that happening in firefox on the site I've tested this on. Again what browser? Please try in both Firefox and IE and let me know the results.

It's not working in either FF or IE. It was working originally which means it could be a problem with FB. Do you have a site where this is working so I can test just to make sure it's not a localized problem for me.

Thanks!

I actually just tested it on one of your sites: http://regimental-books.com.au/shop/australian-airborne-the-history-and-insignia-of-australian-military-parachuting-p-1632 and it's not working either in IE of FF...I am guessing it maybe a Facebook problem since it was working originally but how do we solve the problem.

It's strange because the image shows when you check with the URL Linter but when it posts to Facebook the image is gone and replaced with a generic image.

BlessIsaacola:

I actually just tested it on one of your sites: http://regimental-books.com.au/shop/australian-airborne-the-history-and-insignia-of-australian-military-parachuting-p-1632 and it's not working either in IE of FF...I am guessing it maybe a Facebook problem since it was working originally but how do we solve the problem.

It's strange because the image shows when you check with the URL Linter but when it posts to Facebook the image is gone and replaced with a generic image.

Well now that's just strange. I just posted one to facebook and it's definitely still with the post.

Anybody else?

as to the FBXML bug mentioned before - it supposedly can be fixed or something but putting this right before the ending body tag (which would be in yourtemplate/common/tp_main_page.php:

I can put it up on the site I developed this for but can't really test to see if it works.

delia:

Well now that's just strange. I just posted one to facebook and it's definitely still with the post.

Anybody else?

as to the FBXML bug mentioned before - it supposedly can be fixed or something but putting this right before the ending body tag (which would be in yourtemplate/common/tp_main_page.php:

<!-- Correct fb_xd_fragment Bug Start --> <script> document.getElementsByTagName('html')[0].style.display='block'; </script> <!-- Correct fb_xd_fragment Bug End -->

I can put it up on the site I developed this for but can't really test to see if it works.

The code suggested above works because I have it implemented in production. If that code is not implemented, it sends user to a blank page if they arrived via one of the infected/corrupted url.

Are you saying you're not having any issue with image posting back to facebook? I have had another friend of mine try both on our site and the site I posted for you and neither of us get the image to show up.

We are both geographically in the same city so if this issue is related to Facebook server serinng our location it maybe why but we are seeing the problem but you're not.

I am struggling for answers...I know it has to be a Facebook problem just wish I know what't going on.

Thanks!

PS. Would you kindly please like a page from our site and see if the image shows? Thanks!

BlessIsaacola:

Are you saying you're not having any issue with image posting back to facebook? I have had another friend of mine try both on our site and the site I posted for you and neither of us get the image to show up.

We are both geographically in the same city so if this issue is related to Facebook server serinng our location it maybe why but we are seeing the problem but you're not.

I am struggling for answers...I know it has to be a Facebook problem just wish I know what't going on.

Thanks!

PS. Would you kindly please like a page from our site and see if the image shows? Thanks!

Exactly, I'm not having a problem with that.

I just did it from your site and it worked. I got no explanation. I used both IE8 and Firefox

delia:

Exactly, I'm not having a problem with that.

I just did it from your site and it worked. I got no explanation. I used both IE8 and Firefox

Thanks for trying it on our site. At least it's good to know it's working on your end which means the code and implementation is okay. Now, it's going to be interesting to dig deep to see if I can find what's causing the issue from my end.

Thanks!

The XFBML dynamically re-sizes its height according to whether there are profile pictures to display, gives you the ability (through the Javascript library) to listen for like events so that you know in real time when a user clicks the Like button, and it always gives the user the ability to add an optional comment to the like.

Does anybody know how to implement the feature to know in real time when a user clicks the Like button?

Thanks!

I added the code to the product_info template that is what is needed to send the stats to your facebook account.

The instructions for use are here:

http://forum.developers.facebook.net/viewtopic.php?pid=273143#p273143

There's a thing called Insights for facebook accounts. Once it's activated, you will get some reporting at facebook.

delia:

I added the code to the product_info template that is what is needed to send the stats to your facebook account.

The instructions for use are here:

http://forum.developers.facebook.net/viewtopic.php?pid=273143#p273143

There's a thing called Insights for facebook accounts. Once it's activated, you will get some reporting at facebook.

Thanks for the clarification. I am not sure if the insights (which I already have) is the same thing here: http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe

When your time permits and you're able to help me troubleshoot why image is not showing on our like, I'd appreciate that. Thanks!

If there is no comment added at the time the like is added then it seems that FB doesn't give it as much weight and it only gives a small link without picture or description - only the meta info, and also it doesn't seem to show up in the news feed section but only on the wall. If a comment is added you get the product image and some of the product description and it does show up in the news feed area. I guess this is a default thing and no way to change it if they don't add a comment?

Thanks for putting this together Delia! This is working much better than the iframe. Haven't come across any problems yet!

lankeeyankee:

If there is no comment added at the time the like is added then it seems that FB doesn't give it as much weight and it only gives a small link without picture or description - only the meta info, and also it doesn't seem to show up in the news feed section but only on the wall. If a comment is added you get the product image and some of the product description and it does show up in the news feed area. I guess this is a default thing and no way to change it if they don't add a comment?

Thanks for putting this together Delia! This is working much better than the iframe. Haven't come across any problems yet!

Good information - BlessIsaacola, does that explain what you are seeing? I definitely do comment when I test the like button.

Good news, lankeeyankee! I think I've made a couple of changes since I sent you the files. Be glad to resend if so. But I didn't keep all the email addresses when I sent originally so email me if you need the files again. One change was to enable the buttons to work in IE.

delia:

Good information - BlessIsaacola, does that explain what you are seeing? I definitely do comment when I test the like button.

Good news, lankeeyankee! I think I've made a couple of changes since I sent you the files. Be glad to resend if so. But I didn't keep all the email addresses when I sent originally so email me if you need the files again. One change was to enable the buttons to work in IE.

No, this doesn't explain my issue. When you mouse over the link that's posted when there's no comment, you're suppose to see image. Something is definitely wrong and I see others posting about this issue on Facebook developer forum. I am actually going to backout the change for IE and test to see if that's causing the issue. I just realize my issue started after that change.

Well, I just tested my theory and it's faulty. It was just a coincidence that I started noticing the problem after the IE fix. The image shows when there is comment about 90% of the time but shows 0% of the time when it's just a like with no comment.

The og:site_name and og:image are both working inconsistently. I am 100% sure it's a bug on Facebook side but how does this get fixed. I will continue to track it on Facebook forum.

Excellent! Seems to work perfectly. I never could get this working when I tried myself so thank you much @delia!

One thing I did notice:
If I 'like' a product and do not add a comment, nothing shows anywhere on my FB profile saying I 'liked' the product, however when I 'like' and add a comment, then hit 'publish to FB' everything shows up perfectly.

One thing to note: If I have the Facebook Fan Box sidebox set to ON, it will cause the like button to 'error.' [I tried to implement the like button for months and couldn't figure out what was causing this error!]

I'd rather have the like button than the fan box so this does not bother me at the moment. :D

woohoo i got it to work, deciding to try it again and created a new app and this time all i did differently was go to edit settings and changed the canvas type from iframe to fbml, dont know if that is what caused it to work but it is.

can you please send me the updated files, jeremy0203 at aol.com

yup only shows up if a comment is posted. hope a solution comes for this, other than that works fine except for the IE not working which will be fixed when i get your updated files

Just sent you the final version (v.1.0), Jeremy.

I'm uploading to the contributions section now. Hopefully, they will get it up quickly.

getting a JS error with facebook on the IE version, still isnt showing up, IE8