Using The Google +1 Feature On Your HubSpot Site

Training Blog

Updated:

Published:

GoogleThe Google +1 feature gives visitors to your site the opportunity to recommend your pages to their friends. If a visitor clicks the +1 button on your site, this will appear as a recommendation from that person in search engine results to people they are connected to. People will also be able to click the +1 button directly within search results, if they want to recommend your page to others.

To insert the Google +1 feature on your HubSpot site, just follow the steps below.

Basically, the code to enable this feature consists of two parts. The first part enables the feature on your site. You only have to insert this code once, in your Website Settings section of Settings.

The first part of the code:

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

The second part of the code determines where the button will display on your site. Once you have applied the first piece of code in Settings, you can paste this second piece of code anywhere you like on your site.

The second part of the code:

<g:plusone></g:plusone>

Here's how:

1.  Click on Settings in the upper right corner of your portal.

HubSpot   Settings 1

2.  Scroll down to the Content Management System section and click on Website Settings.

HubSpot   Settings

3.  In Website Settings, scroll to the field marked Header HTML. Paste or type in the code shown below.

(You can always retrieve this code from the Google instructions, here.) 

HubSpot   Website Settings

4.  Scroll to the bottom of the screen and click Save Changes.

HubSpot   Website Settings 2

5. Now that you've enabled +1 for your site, you can place the button code wherever you choose by clicking the Add Module Button on your blog or website pages, choosing the HTML/Javascript module, and pasting in the code as below:

Insert module

configure

For instance, if you want the button to display in the sidebar of your blog, so that it is visible on any post your visitors might read, just insert this module into your preferred location in your blog sidebar. Choose Add Module at the bottom of your blog sidebar, select HTML/Javascript module, paste in the code, and you're done.

You could also paste it into any other location on your HubSpot site, by following the same steps. Just select your location, add the module, and paste in the code. Click the Quick Preview button in the upper left corner of your screen to see it as your website visitors will.


Related Articles

We're committed to your privacy. HubSpot uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy.

Outline your marketing strategy in a simple, coherent plan.

Marketing software that helps you drive revenue, save time and resources, and measure and optimize your investments — all on one easy-to-use platform

START FREE OR GET A DEMO