WordPress.com Forums » Tag: +1 button - Recent Posts http://en.forums.wordpress.com/tags/1-button WordPress.com Forums » Tag: +1 button - Recent Posts en Sat, 18 May 2013 18:45:00 +0000 http://bbpress.org/?v=1.1-alpha-2539 thehippygardener on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-900190 Thu, 31 May 2012 18:41:09 +0000 thehippygardener 900190@http://en.forums.wordpress.com/ Nevermind that last post.....I got it to work finally. Sorry.

]]> thehippygardener on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-900183 Thu, 31 May 2012 18:35:30 +0000 thehippygardener 900183@http://en.forums.wordpress.com/ I'm completely confused! I've tried several times to get this to work. The only option that WILL work is if I choose Icon only as the Type. But I'd like it to be the full badge. The code that the badge generator is giving me looks nothing like what is posted here or in the comments here, so I really don't know what to highlight and do. Given that it's a wordpress.com blog I don't know where or how to post anything in the "header" area. This is the code it's giving me (maybe it will show up correctly in this comment):

<!-- Place this tag in the <head> of your document -->
<script type="text/javascript">
window.___gcfg = {lang: 'en'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script>

<!-- Place this tag where you want the badge to render -->
<g:plus href="https://plus.google.com/113813546623352105834" rel="author" width="300" height="69"></g:plus>

]]> laurennervosa on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-878024 Thu, 03 May 2012 16:18:55 +0000 laurennervosa 878024@http://en.forums.wordpress.com/ Thanks for this! Worked perfectly when I used the code rbong posted (minus spaces).

]]> detart on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-874945 Sun, 29 Apr 2012 10:33:10 +0000 detart 874945@http://en.forums.wordpress.com/ GREAT help

Thx

DETart - http://detart.wordpress.com/

]]> raincoaster on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-871302 Tue, 24 Apr 2012 12:57:47 +0000 raincoaster 871302@http://en.forums.wordpress.com/ Do you mean you want all +1's to go to your main blog URL>?

]]> valobashavalobashi on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-871289 Tue, 24 Apr 2012 12:28:48 +0000 valobashavalobashi 871289@http://en.forums.wordpress.com/ can anyone tell me how to customise the +1 button just for the blog link.... i mean http://www.valobashavalobashi.wordpress.com this is the url of my blog.. so when anyone press the "+1" button i want my blog URL to be "+1"'d.... it means my "blog" will be highlighted in the google search result, not any content of my blog.... can anyone help me?

]]> raincoaster on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-861222 Tue, 10 Apr 2012 08:33:56 +0000 raincoaster 861222@http://en.forums.wordpress.com/ Go to your Dashboard->Settings->Sharing and add the G+ button there.

]]> jackflaming on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-861218 Tue, 10 Apr 2012 08:19:11 +0000 jackflaming 861218@http://en.forums.wordpress.com/ I am trying to add g+ button to my page but facing a problem. Please give me the code to add only g+ like button to my blog page.

]]> raincoaster on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-839786 Wed, 14 Mar 2012 10:08:54 +0000 raincoaster 839786@http://en.forums.wordpress.com/ Scripts are not allowed here for security reasons. They will always be stripped.

]]> c0achdesigns on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-839780 Wed, 14 Mar 2012 09:59:57 +0000 c0achdesigns 839780@http://en.forums.wordpress.com/ and also, the badge only is visible and not the +1 button. unlike from momfy wordpress com both are being displayed. Thanks in advance

]]> c0achdesigns on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-839778 Wed, 14 Mar 2012 09:57:43 +0000 c0achdesigns 839778@http://en.forums.wordpress.com/ I have a problem, the "<script>" tags are being removed from my text widget. any idea?

]]> modernseducer on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-836307 Fri, 09 Mar 2012 15:08:49 +0000 modernseducer 836307@http://en.forums.wordpress.com/ Totally confused here. Can someone explain why you have this in two parts? First it says to place some code a top of document and then there is more code for where I want the "badge to render"?!?!??! Do I have to place both pices of code in my text sidebar widget? Or just one of the pieces?

Thanks - please explain slowly. I am not a WP admin or programmer

]]> danielgreene on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-823477 Mon, 20 Feb 2012 21:46:56 +0000 danielgreene 823477@http://en.forums.wordpress.com/ Sorry, momfy, about the autocorrect to comfy. ;-)

]]> danielgreene on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-823475 Mon, 20 Feb 2012 21:45:36 +0000 danielgreene 823475@http://en.forums.wordpress.com/ Thank you! I altered the code a tad for my blog to make my name bold (as you did on your blog, comfy) and to make it flush right with a small margin:

<div style="text-align:right;margin-right:15px;">Follow <a href="https://plus.google.com/116875796602648173684?prsrc=3" rel="publisher"><span style="font-weight:bold;">Daniel Greene</span> <span style="margin-right:15px;">on</span><img style="border:0;width:32px;height:32px;" src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" /></a></div>

]]> djrits on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-812671 Wed, 08 Feb 2012 04:26:24 +0000 djrits 812671@http://en.forums.wordpress.com/ Brilliant! Thanks a lot.. :)

]]> molliemorrissette on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-804894 Mon, 30 Jan 2012 03:29:38 +0000 molliemorrissette 804894@http://en.forums.wordpress.com/ OK, now you are going to think I'm nuts. It was working and now it's not. I feel like I'm losing my marbles! Aaaarrrgh!

]]> molliemorrissette on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-804863 Mon, 30 Jan 2012 01:52:46 +0000 molliemorrissette 804863@http://en.forums.wordpress.com/ Holy cr*p! I take it back!

Do NOT ask me why, but even though it stripped my Google ID, it's working now!

I guess I didn't wait long enough for it to render (if that's the right word) before checking to see if it worked, which it didn't at first.

Oh well! Now all the other numb-sculls like myself can learn from my (idiot) example.

It works now...computers, eh?

I still would like (someday) to have the 'Add to Circles' button thingie that goes with the real Google badge. Phooey.

Thanks for the workaround! Be patient, it works!

Never mind...

]]> molliemorrissette on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-804859 Mon, 30 Jan 2012 01:43:38 +0000 molliemorrissette 804859@http://en.forums.wordpress.com/ You know what's weird is - I followed the directions to the letter and every time I press Save in the text widget it strips out my Google ID. What in the world?

If you want just the button and not the badge/button with your name, it's super easy.

Go here: https://developers.google.com/+/plugins/badge/config?pageId=115390556129800757747&hl=en (my Google ID as example)

Pick your badge style (the small, medium or large icon, not the small badge or the standard badge - they have Javascript).

I picked the medium size badge and I copied and pasted this part of the code they give you:

<a href="https://plus.google.com/115390556129800757747?prsrc=3"><img src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:32px;height:32px;"/></a><br />

Put it in a text widget and Voila!

Pretty boring. No name, no 'add to circles' button. Snore. Oh well.

Unless you all tell me how to keep WP from stripping the code I guess I'm up a creek without a paddle or without a badge.

If you go to my site, you can see the various examples - don't know how long they'll stay there though....The one that stripped the code (my Google ID) looks good but it is inactive. Boo.

Mollie

]]> nowcastthis on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-803779 Sat, 28 Jan 2012 01:37:59 +0000 nowcastthis 803779@http://en.forums.wordpress.com/ Thank you for fixing my original post -- odd that the code tag didn't work right. Sorry I didn't catch that, but big thanks to those who picked up the slack for the workaround.

- Jonathan

]]> wealthsupremacy on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-802244 Thu, 26 Jan 2012 14:41:39 +0000 wealthsupremacy 802244@http://en.forums.wordpress.com/ Awesomeness!!! Thank you so much!! I thought My whole site was going to be left behind while the world moves on!

]]> climbingthemountain on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-791342 Fri, 13 Jan 2012 20:37:59 +0000 climbingthemountain 791342@http://en.forums.wordpress.com/ Great piece of code! Thanks a lot for it

]]> rogerbong on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-790895 Fri, 13 Jan 2012 08:46:27 +0000 rogerbong 790895@http://en.forums.wordpress.com/ *Be sure to remove the spaces in the "a" tags at the beginning and end of the code!

]]> rogerbong on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-790894 Fri, 13 Jan 2012 08:45:29 +0000 rogerbong 790894@http://en.forums.wordpress.com/ Odd, the first part of the code goes missing when I publish it to the forum. If the below doesn't show the code with the < a > tag, then be sure to "View Page Source" here or on momfy's blog.

<!-- Place this tag where you want the badge to render -->
< a style="cursor:pointer;display:inline-block;text-decoration:none;color:#333;font:13px/16px arial,sans-serif;" href="https://plus.google.com/113063168752458402394?prsrc=3" rel="publisher"><span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px;margin-top:8px;">aloha got soul</span><span style="display:inline-block;vertical-align:top;margin-right:15px;margin-top:8px;">on</span><img style="border:0;width:32px;height:32px;" src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" />< /a>

]]> rogerbong on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-790891 Fri, 13 Jan 2012 08:43:40 +0000 rogerbong 790891@http://en.forums.wordpress.com/ Thank you! Here's the script with the Google+ profile URL:

<!-- Place this tag where you want the badge to render --><br /> <a href="https://plus.google.com/113063168752458402394?prsrc=3"><span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px;margin-top:8px;">aloha got soul</span><span style="display:inline-block;vertical-align:top;margin-right:15px;margin-top:8px;">on</span><img style="border:0;width:32px;height:32px;" src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" /></a>

]]> gunnymundy on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-790708 Fri, 13 Jan 2012 01:27:32 +0000 gunnymundy 790708@http://en.forums.wordpress.com/ There is no long string of numbers in that code block, just your name. Where do you place the first shorter set of code for the plus one. Inside each post?

]]> nowcastthis on "Google+ publisher code with badge and +1 button" http://en.forums.wordpress.com/topic/google-publisher-code-with-badge-and-1-button#post-790448 Thu, 12 Jan 2012 20:55:37 +0000 nowcastthis 790448@http://en.forums.wordpress.com/ This is a solution I came up with for WordPress bloggers who are looking to improve their page rank in Google search results, integrate their Google Plus profiles with their WordPress blogs and improve visitor traffic from their blog to their Google+ posts and from Google+ back to their their WordPress blogs.

This solution does three things:

1) It registers you as publisher of your blog for Google+. This means that any visitors who '+1' or share your blog, posts or comments using the Google+ button anywhere on the web will be 'credited' to you. This in turn will improve the page rank of your blog in Google's search results;

2) It adds a '+1' button to your blog. This is in addition to the +1 feature provided by WordPress in the Tools>Sharing section of your Administration area. Having this also improves your Google+ publisher compliance, which in turn gives you an edge in Google search result page ranking;

3) It provides a 'badge' to connect your blog back to your Google+ profile. This not only fortifies the connection between your blog and your Google+ presence (and completes your G+ publisher compliance), but also provides visitors with a single-click means to get to your posts and content on Google+. Since you'll have a built-in audience on G+ and a significant amount of posted content available there, the opportunities for cross-traffic are obvious.

The code I wrote below has been implemented on my WordPress.com blogs and is WP-compliant. You can see it in action at momfy.wordpress.com in the upper-right column of the page.

To implement:
In the WordPress Administration area of the blog you want Google+ connectivity added to...

1) Create a Text Widget and past the code below into the text area (without the CODE tags).
2) In a new browser window, go to your Google+ profile page. The URL will look like this:
https://plus.google.com/117182699411387789980/posts
3) From the URL, copy the long string of numbers. That is your Google+ profile ID.
4) Return to your Text Widget; in the code you previously pasted, look for the string of numbers similar to those you just copied. Delete the old numbers and paste the string from your Google+ profile.
5) In the code text below, the name 'Jonathan Bates' (my name) appears. Delete and replace with your name.
6) Save the widget and close.
7) Open your blog and confirm that you see a Google '+1' button and beneath it, {your name} on {google+ image}.
8) That's it. You're done.

Note: the Google '+1' button may take a moment to appear, and may not show up until the rest of your blog has already rendered. That's normal.

<br /> <!-- Place this tag where you want the +1 button to render --><br /> <div class="g-plusone"></div></p> <p><!-- Place this tag where you want the badge to render --><br /> <a href="https://plus.google.com/117182699411387789980?prsrc=3"><span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px;margin-top:8px;">jonathan bates</span><span style="display:inline-block;vertical-align:top;margin-right:15px;margin-top:8px;">on</span><img src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:32px;height:32px;" /></a></p> <p>

For more information, here are some links:
Google > +1 Button Creator
Google > Connect your site to your Google+ page
Google > Overview of the Google+ Platform
Google+ > Help Center for Google Plus
TouTube > Video > About the +1 Button

]]> maneeshpangasa on "Google's +1 button not appearing on my blog" http://en.forums.wordpress.com/topic/googles-1-button-not-appearing-on-my-blog#post-676662 Sun, 21 Aug 2011 00:54:16 +0000 maneeshpangasa 676662@http://en.forums.wordpress.com/ Oddly the problem has gone away I can now see my +1 button again. Although sharing buttons still don't appear on my index page -- they appear on all other pages and my individual posts. If I make an entire post visible on my index page then I see sharing buttons on index. Weird I said to show sharing button on index page, all pages and posts -- for it to show on index entire posts must be visible from index page not short summaries of the post.

]]> maneeshpangasa on "Google's +1 button not appearing on my blog" http://en.forums.wordpress.com/topic/googles-1-button-not-appearing-on-my-blog#post-676645 Sun, 21 Aug 2011 00:36:46 +0000 maneeshpangasa 676645@http://en.forums.wordpress.com/ I just noticed another irregularity -- in sharing preferences have it set to show sharing buttons on all pages including my index page. However, it does not show the sharing button on my index page (unless I go in to edit one of my entries and make it so the entire entry is visible on the index page -- I don't have a short summary and then have to click the link to the post to read entire post) how can I make the sharing buttons appear on my index or homepage without making entire blog entries appear in their entirety on the homepage.

]]> maneeshpangasa on "Google's +1 button not appearing on my blog" http://en.forums.wordpress.com/topic/googles-1-button-not-appearing-on-my-blog#post-676643 Sun, 21 Aug 2011 00:31:48 +0000 maneeshpangasa 676643@http://en.forums.wordpress.com/ Okay I know WordPress.com has the Google +1 sharing button within the sharing settings of a user's dashboard at Dashboard, Settings, Sharing and have enabled it. It appears in my live preview and until today it was showing on my blog when visiting it but now it seems to have disappeared. What gives? In sharing settings it still appears in the live preview but does not appear on my blog. It used to do so but just stopped. By the way I have a lot of sharing buttons set up taking a lot of space. I have seen some blogs have 3 or 4 individual sharing buttons and then a sharing button titled More and when you click on it you can choose between a number of other social network to share with. For example I mouse over the "More" button it brings up a drop down menu with sharing buttons for LinkedIn, Digg, Reddit etc.

If you see the sharing buttons at the bottom of this linked page you'd be able to see what I mean: http://en.blog.wordpress.com/2011/08/19/growth-of-wordpress/

Like this blog I'd like to just have a Facebook, Twitter, Press This button and then a More button for LinkedIn, Email, Print, Digg etc. If the answer to this second question is I have to create it myself don't know how to do so. Thanks!

]]>