The +1 button tool page lays out what webmasters need to add to their website. For users who have a standard XHTML website (or are using Tumblr), copying and pasting before the
Printable View
The +1 button tool page lays out what webmasters need to add to their website. For users who have a standard XHTML website (or are using Tumblr), copying and pasting before the
tag on a website works just fine. WordPress users, however, will need to add that snippet to their theme files.
Simply Go to the Appearances section in the WordPress dashboard and select “editor.” Then find the footer.php file in your template listing. Scan through the file until you see the area marked , then paste in the JavaScript line.
Hit update and you’re ready for step two!
Step 2: Add a Button to Your Sidebar
After the JavaScript snippet has been added to your website, users can paste the wherever they want a button to appear. Using the +1 button tool, you can configure the button size and include other advanced options.
Another common use for the +1 button, besides on individual blog posts, will likely be in sidebar widgets on a homepage. This can act as a nice, generic hub for +1 activity.
To add the +1 button to a sidebar in WordPress (assuming your theme supports sidebars), simply go to the Appearances section in the Dashboard and select “Widgets.”
We’ll assume that you want to create a new widget for the +1 button, but other sidebar widgets can also be customized to display the button.
Drag a new “Text” widget to the sidebar location of your choice. You can add a header if you want, or you can leave it blank. In the text portion, paste the button configuration you want using the +1 button page. The standard code is
You can choose how you want the button to align itself using HTML or referring to CSS classes from your stylesheet.
Additional Tips
At this point, we’ve successfully added the +1 button to a WordPress website. Users can add the button to individual posts by entering the button code in the body of a post, or add it in automatically by adding a line to the WordPress loop in the post.php and loop.php theme templates.
Here are a few things you might want to take into consideration when using the +1 button on your site:
By default, the button doesn’t have a URL parameter set. Instead, the JavaScript will crawl your page and make its best guess for the URL that you are liking. If you want to specifically ask users to +1 a certain URL, add
Code:
href="http://example.com"
to the button’s tag. For instance, if I wanted to add a +1 button that reported to Mashable, this is the code I would use:
For sites with the popular Bad Behavior WordPress plugin it can interfere with the +1 button, at least as of this writing. Disabling the plugin will allow users to add +1 buttons to their site.
Source: Mashable
For those of you that don't have a clue what he's talking about:
The new +1 Button is a social sharing feature that rivals Facebook‘s “Like” button. The +1 Button is now available for all web publishers who wish to put the button on their website. And a number of news organizations, online retailers and other popular websites are already on board.
Like many other share buttons out there, +1 works with “a single click,” Google boasts, allowing people to tip off friends to cool articles, websites or products they like. Unlike other share features, however, +1 is fully integrated into Google search, so a “+1″ shows up next to a link in Google search results when that link has been shared by any of a user’s Google contacts. Not only that, but a particular search result receives a higher page ranking the more contacts share the link using +1.
“With a single click you can recommend that raincoat, news article or favorite sci-fi movie to friends, contacts and the rest of the world,” writes Google software engineer Evan Gilbert, who worked on +1, in a post on the Google blog. “The next time your connections search, they could see your +1′s directly in their search results, helping them find your recommendations when they’re most useful.”
I just got an email update from WebProNews that gives 31 things you should know about +1:
Quote:
1. The +1 button will influence search rankings. Here is the exact quote from Google's David Byttow, from when the feature was first announced: "We'll also start to look at +1's as one of the many signals we use to determine a page's relevance and ranking, including social signals from other services. For +1's, as with any new ranking signal, we'll be starting carefully and learning how those signals affect search quality over time."
2. When a user searches, while signed in, their search result snippets may be annotated with the names of their connections who have "+1'd" the page. When none of the user's connections have +1'd a page, the snippet may display the aggregate number of +1's the page has received.
3. Google says publishers could see "more, and better qualified traffic coming from Google" as potential visitors see recommendations from friends and contacts beneath their search results
4. Google calls the +1 button "shorthand for 'this is pretty cool' or 'you should check this out'.
5. One a user clicks the button, a link to the content appears under the +1's tab on the user's Google Profile.
6. Google suggests clicking the button when you "like, agree with, or want to recommend" something to others.
7. The +1 Button is not the same as Google Buzz, though there are similarities. They both appear on your Google Profile under different tabs, but +1's don't allow for comments (at least yet. I would not be surprised to see Buzz's functionality get rolled into +1 eventually).
8. +1's are public by default. Google may show them to any signed-in user who has a social connection to one. Users can choose not to have them displayed publicly on their Google Profile, however.
9. There are different sizes and styles of the button that you can use on your site.
10. The button is even more customizable if you want to get more technical. The API documentation can be found here: http://code.google.com/apis/+1button/
11. When a user clicks on the +1 button it applies to the URL of the page they're on.
12. Still, multiple buttons can be placed on a single page that all +1 different URLs (refer to the above documentation).
13. While Google suggests you use the button where you think they'll be most effective in terms of placement around your content, the company recommends above the fold, near the title of the page, and close to sharing links. Google also says it can be effective if you put it at the end of an article as well as the beginning.
14. By placing the