The Facebook "like" counter and button do not seem to work, using the current 3.0beta2 tarball. It looks like the like counter is appearing and fading away immediately. Also the number doesn't seem to increment, I can click that link as many times as I want. So it doesn't seem like the bug is simply that the counter disappears but that the entire functionality doesn't follow through.

See quick 3 second screen cast:
http://dl.dropbox.com/u/9211525/permalink/bug_addthis_3-0_beta2_facebook...

If I manage to fix this myself, I'll post here. Not sure what's wrong.

CommentFileSizeAuthor
#21 from beta2 to dev tarball changes_in_4826928-comment-4826928.patch3.95 KBjzacsh

Comments

jzacsh’s picture

jzacsh commented
Title: Facebook like button disappears immediately upon "like" being clicked. Does not seem to actually increment. » No obvious JavaScript errors found.

Also, I don't see any JavaScript errors on the page - I tested this on a site where the functionality runs correctly and I get the same thing: just a lot of console.log warnings about facebook, eg.: "Unsafe JavaScript attempt to access frame with URL".

jzacsh’s picture

jzacsh commented
Title: No obvious JavaScript errors found. » Facebook like button disappears immediately upon "like" being clicked. Does not seem to actually increment.

Putting the title back to what it was (thought that would modify the title of my comment).

tahiticlic’s picture

tahiticlic commented

Same here. I've put some "og:" tags in order to customize the popup/sharing rendering, maybe that's the cause, I'll try without tonight.

les lim’s picture

les lim
he/they
Primary language English
commented

Could someone post a link to a live example or steps to reproduce?

tahiticlic’s picture

tahiticlic commented

For instance :
http://magasins.cop-copine.com/aquitaine/cop-copine-begles

tahiticlic’s picture

tahiticlic commented

Solved in my case, it was og:url which was misspelled.

les lim’s picture

les lim
he/they
Primary language English
commented

@tahiticlic: it also doesn't appear that you're using AddThis on that page.

jzacsh’s picture

jzacsh commented

@tahiticlic: Can you clarify exactly what you believe the problem is and exactly what your solution was? I'm not sure at all what "og:url" means or where I can find it. I don't see anything with "og:" in the addthis module's directory. Would love to try your fix if you could clarify.

@Les Lim: Sorry, here's what I have:
- The beta tarball of addthis installed
- The link you see above is the output of: theme('addthis_toolbox');
- the "Toolbox services" config, of /admin/settings/addthis, I have: "facebook_like_counter,tweet,counter_pill" (ie: addthis_config['services_toolbox'])

Let me know what else will help.

tahiticlic’s picture

tahiticlic commented

Oups... sorry, I've reported here regardless of the module in cause (I've came here from Drupal search).
I had the exact same behaviour, and it was a problem in meta tags (self defined in my case). Even if there's no direct link to AddThis, maybe this report can help.
For me, it was the prescribed URL that FB was not able to reach. http://developers.facebook.com/tools/lint can show you if there's such a meta tags problem on the page.

jzacsh’s picture

jzacsh commented

That lint page shows me that the meta tags for "og: ..." are not correct on my page, but it says the same when I put in a page where addthis is working. The only difference is, the page that is working has had the addthis code pasted in from their website, instead of going through the addthis module.

@Les Lim, I'm not too familiar with the behavior of the facebook like button, do you know what this might be about?

les lim’s picture

les lim
he/they
Primary language English
commented

@jzacsh: Unfortunately, I don't know much about the facebook like button in particular - I'm not using it on any of my own sites. The AddThis module is really just a wrapper and a UI for implementng the AddThis API, which is in turn implementing the Facebook API. There's nothing about the module code itself that would touch the meta tags on a page.

jzacsh’s picture

jzacsh commented

@Les Lim: The confusing part is that I really don't think this is meta-tag related. The facebook like button works here [1], where there's no og: meta tags set.

[1] http://www.zagat.com/newzagat
Another example of a site using facebook's "like" button that doesn't use "og" meta tags: http://twelvesouth.com/products/BookBook_for_Air/

tahiticlic’s picture

tahiticlic commented

For the plugin call, in the first case you have:
http://www.facebook.com/plugins/like.php?app_id=105803142846906&href=htt...

whereas in the second case it's:
http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.twelvesou...

Maybe something related to the "app_id" or "send" parameters?

[Edit] Sorry, I thought the first was the one that doesn't work

les lim’s picture

les lim
he/they
Primary language English
commented

@jzacsh: What I really need to see is a page that is actually attempting to use the AddThis module but isn't working, so I can try to determine where the problem lies. I can't debug working examples.

ericclaeren’s picture

ericclaeren commented

Hi, need help! My facebook like button is also gone on a high profile website (Animal rights organization in The Netherlands) just like that.

My module version was on 6.x-3.0 beta1 and it was working fine. I haven't applied any updates to the site, because I thought block cache maybe gave a problem I updated the module to beta2.

The website: http://www.sophia-vereeniging.nl/nl

I have an addthis block on the bottom left of the homepage, above this block my facebook like button normally would be visible/

HTML code output for the like button.

<a class="addthis_button_facebook_like" fb:like:layout="standard" fb:like:width="296" fb:like:show_faces="false" fb:like:send="false" fb:like:font="trebuchet ms" fb:like:href="http://www.facebook.com/sophiavereeniging"></a>

Thanks!

ericclaeren’s picture

ericclaeren commented

The patch in http://drupal.org/node/1222918#comment-4788172 did the trick for me!

jzacsh’s picture

jzacsh commented

Unfortunately the patch from #1222918: External script should be added before closing body tag, not in head did not fix the problem for me.

les lim’s picture

les lim
he/they
Primary language English
commented
Version: 6.x-3.0-beta2 » 6.x-3.x-dev

@jzacsh: There should be a new 6.x-3.x-dev release dated August 5 coming out some time today. Could you try that out and let me know if that resolves the issue for you?

jzacsh’s picture

jzacsh commented

Sure! I'll give this a try when I'm in on Monday :)
Thanks.

les lim’s picture

les lim
he/they
Primary language English
commented

Thanks! I appreciate it.

jzacsh’s picture

jzacsh commented
StatusFileSize
new from beta2 to dev tarball changes_in_4826928-comment-4826928.patch3.95 KB

Unfortunately the changes didn't fix the issue. I wish I could help reproduce this for you, but obviously I can't. The only thing I can say is to try what I'm doing:

theme('addthis_toolbox');

Putting this in the "Toolbox" field of /admin/settings/addthis:
facebook_like_counter,tweet,counter_pill

I don't think I'll need to fix this bug as it looks like using this module might be unnecessary for our needs. However, I'd be happy to continue to help test, if you come up with anything else!

For future record, I've attached what was changed in this attempt.

BigMike’s picture

BigMike commented

jzacsh: Did you ever find a solution to this? Our site has had this same problem for a long time but only while using Firefox 16, 17, and 18. In my Internet Exploder 8.x and my Chrome 22.x, the Comments box pops up and stays up allowing you to comment and submit to Facebook, however they encounter strange behavior as discussed below.

Here is a page on my D6 site for reference: http://www.marlincrawler.com/transfer-case/parts-upgrade/total-spline-in...

I am using AddThis in addition to the Facebook Widget, however the patch mentioned in #16 doesn't apply to me since I inserted AddThis manually (I am not using a module for it).

I believe it is a CSS overflow issue but I haven't sorted it out yet. The reason for this is that in my IE and Chrome, when I hit the Like button, the comment box opens and oversteps its boundaries to the right side of my div. In IE a horizontal scroll bar magically appears to scroll to the right to see this Comments box, but in Chrome actually no scroll bar is shown, and depending on my window size only a portion of the Comments box is visible: I have to enlarge my Chrome window or maximize it in order to see the full Comments box.

Curious about this, I moved the Facebook widget to the left side of my page, so that when it opens to the right of the Like button it doesn't break out of its Div, and suddenly it works as expected in Firefox! You can enter a comment and post it to Facebook without a problem!

I did some research checking if Facebook has a method to have the Comments box open to the left instead of to the right and I couldn't find anything on this. I think they need to improve this!

Any thoughts about CSS overflow hidden maybe that is forcing this to close? It seems it would just hide the overflown contents instead of suddenly closing the popup comments box...

Feedback appreciated!
Mike