Google plusone button hides tweet button

I was slightly frustrated when I tried to add the google plusone button to www.fishblab.com. When I added it in my development environment the google plusone button would completely mask the tweet button.

So there were actually 2 google plus one buttons and the tweet button was gone. I searched and searched for a solution but found none. I tried changing the order of the links and script to no avail. There is no company that has worse customer support then google, they just don’t care. No links for support or even a forum.

Finally, I saw this in the google documentation:

“Note: The +1 is a public action and must be performed on a public URL. If you attempt to +1 a URL that is not public, an error will occur.”

Well, yes my dev server is not public. So then I tried uploading to a public server and presto it was fixed.

So, it seems that if you add the google plusone button to a non public server – such as a dev server that is firewalled – an ‘error’ that may occur is to obscure/hide the twitter tweet button and overlay a second google plus one button. That seems like a pretty strange error. Perhaps they should say:

Note: The +1 link requires a public web server to function properly. Use on a non public server (such as development) may cause strange effects to the page.

This entry was posted in Development, Javascript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>