Google +1 Button and Google+ Badge

mbonocore

Happy Monday Dgrinners!

As a big Google+ User, I am happy to announce the Google +1 button is now a part of the Share buttons in the Social bucket of the Customizer. But we didn't stop there. We also gave you the ability to embed your Google+ Badge anywhere on your SmugMug site. This is also available in the Social bucket of the Customizer.

Take a look!



Please post questions and feedback here in this thread.

Enjoy!

Darter02

COOL BEANS! I guess I know what I'll be working on tomorrow...

Darter02

Quick question.

Does the Profile Badge only accept personal G+ Profiles? I can make one using that, but I can't seem to make one using my business G+ Profile.

paulbrock

great stuff, thanks Michael!

Ok firstly, I'm seeing strange spacing on my social media box (bottom of my homepage) - looks like the twitter button is wider than it needs to be? I had a look through my css and couldn't find anything adjusting it - is it a problem with my site or with the buttons?

paulbrock

Darter02 wrote: »

Quick question.

Does the Profile Badge only accept personal G+ Profiles? I can make one using that, but I can't seem to make one using my business G+ Profile.

I'm getting the same.

Looks like personal and page badges work slightly differently
https://developers.google.com/+/web/badge/

Page badges are optimised to include +1s and enable Direct Connect, which affects search listings.

Can we get page badges as well please?

snakeey11

paulbrock wrote: »

great stuff, thanks Michael!

Ok firstly, I'm seeing strange spacing on my social media box (bottom of my homepage) - looks like the twitter button is wider than it needs to be? I had a look through my css and couldn't find anything adjusting it - is it a problem with my site or with the buttons?

Unfortunately, both the +1 button and the Twitter button don't size themselves intelligently (Facebook does), so you may have to write a bit of CSS to position the buttons correctly for your particular counts. Something like this should work (where you tweak the margin to your liking):

.sm-page-widget-socialbuttons .twitter {
  margin-right: -20px !important;
}

mbonocore

Hey guys!

Thanks for the feedback. Yes, the extra spacing that Twitter includes on their button throws the spacing off. We are in the process of reordering them now to fix this.

Also, yes, including pages is the follow up part of the badge that we are working on now. I should have mentioned that. Sorry!

paulbrock

that'll do for me I think, cheers snakeeye11!

kimbomac

Very specky. Well done all involved!

Djm3006

mbonocore wrote: »

Hey guys!

Thanks for the feedback. Yes, the extra spacing that Twitter includes on their button throws the spacing off. We are in the process of reordering them now to fix this.

Also, yes, including pages is the follow up part of the badge that we are working on now. I should have mentioned that. Sorry!

Morning Michael,
What do you think the time line will be for Google + "Pages" will be? Going by the email I got last night,that states the Google+ Button has been completed and closed,when it don't work for pages yet

Thanks again
Dave

mbonocore

Djm3006 wrote: »

Morning Michael,
What do you think the time line will be for Google + "Pages" will be? Going by the email I got last night,that states the Google+ Button has been completed and closed,when it don't work for pages yet

Thanks again
Dave

Heya Dave!

Very, very close from my understanding I will update as soon as it's ready.

snakeey11

Hi everyone,

You should now be able to create Google+ badges using your pages. Please let us know if you have any issues.

-Mike

Darter02

Thanks! Worked like a charm, and I really like that size slider!

mbonocore

Thanks Snake! I meant to deliver the good news but he beat me to it. Great work!

Djm3006

snakeey11 wrote: »

Hi everyone,

You should now be able to create Google+ badges using your pages. Please let us know if you have any issues.

-Mike

Nice work guys,

Dave

paulbrock

marvellous thanks. Working fine here, but FYI it struggled to render the badges in preview/customisation mode, getting the "THERE WAS A PROBLEM RENDERING THIS BADGE" message more often than not.

Djm3006

mbonocore wrote: »

Hey guys!

the extra spacing that Twitter includes on their button throws the spacing off. We are in the process of reordering them now to fix this.

Any news on this Michael

Dave

mbonocore

Djm3006 wrote: »

Any news on this Michael

Dave

Hmmmm, I know Snakeeyes is working on this. Let me check up on it.

snakeey11

Djm3006 wrote: »

Any news on this Michael

Dave

Unfortunately, there wasn't a "one size fits all" solution for this problem. Sure, we can lay out the buttons so everything lines up nicely when all the share counts are zero, but it would quickly break down once you start accumulating shares. Ultimately, until each service sizes their button properly (Facebook is the only one doing that today), it will require some custom CSS to tailor the spacing for each particular use case.

-Mike

Djm3006

snakeey11 wrote: »

Unfortunately, there wasn't a "one size fits all" solution for this problem. Sure, we can lay out the buttons so everything lines up nicely when all the share counts are zero, but it would quickly break down once you start accumulating shares. Ultimately, until each service sizes their button properly (Facebook is the only one doing that today), it will require some custom CSS to tailor the spacing for each particular use case.

-Mike

Thanks Mike, will do

jrhessey

Can someone tell me what I doing wrong here? I'm trying to place the Google+ badge in a bio page. When i enter my profile url, the "please enter a valid google+ url" disappears and I get a blank window. The badge type is set to page, that the profile type I'm working with. I've tried profile as well, still nothing. Nothing appears for this content block or the social content block. Not sure what I've done wrong.

Here is the g+ url I'm trying https://plus.google.com/109742763644498429081 and it takes me directly to the page.

Here is the BIO pageI'm playing around with http://donhesseyphotography.smugmug.com/Bio

Any help is greatly appreciated! Thanks!

Djm3006

Your Google + Badge is on your Bio page

jrhessey

Never mind, I have do not track me installed in Chrome and that was blocking it. Makes me feel better I wasn't an idiot trying to figure it out... Thanks!

beardedgit

FWIW I see the badge almost immediately in Firefox but in Chrome it takes over 10 seconds before it shows.

Aside: Firefox seems reluctant to show your Facebook "Like" thing - for a minute or so it shows the word "false" then that disappears and leaves a space. It loads fine in Chrome. Your social icons and login link on the left are also positioned differently

Chrome:


Firefox:

Ferguson

beardedgit wrote: »

FWIW I see the badge almost immediately in Firefox but in Chrome it takes over 10 seconds before it shows.

FWIW I tried your site at the URL above in firefox and everything was up in about a second, and didn't see a "false". Maybe they fixed it? Caveat: I am on a fast connection.

beardedgit

Ferguson wrote: »

FWIW I tried your site at the URL above in firefox and everything was up in about a second, and didn't see a "false". Maybe they fixed it? Caveat: I am on a fast connection.

Thanks, but I was referring to the OP's site, not mine. Using FF, I still see the "false" on that when I click the link posted to the bio page, and I'm on 60 meg (in theory)

Are we getting crossed lines here?

lindsaytblum

Just curious...is there an update on this? (regarding adding your page vs. profile).
Thanks!

zcrookston

This is such great news. I can't believe I missed this.