Google Plus One Code


In this tutorial I will show you how to add the Google Plus One Button to your website, it’s going to be added to the apps folder very soon, but for now you must do it the manual way.

To get started open up you need to add the meta code to your head tags you can do that by clicking edit on the page you wish to add it to.  Once in the editor click on this icon:  this is the page properties icon.

Once it pops up, look at the bottom of the pop up where it says: Additional head tags: 

and paste this code:

<script type=”text/javascript”>
(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>

Now what you want to do is add a text box, and replace the “new” text with this:

<g:plusone annotation=”inline” width=”400″></g:plusone>

Now where ever that text box is, is where your Google plus one button will appear.

HINT: I adjust the font size so the text box is rather small, I suggest making the text font 8px.

How to add Google Analytics to your website

Your first step is to make sure you have a Gmail account, if so then all you need to do is go to Google.com/analytics .  Once you get there just sign up using your existing Google account, look for the admin button on the top right and click it.

And then click on new account to add your first website, it looks like this:

Once you click New Account, you will enter in the information for the website.  Such as a Account Title, this can be something like “Your Website”  and then it will ask you for the website URL.  With a drop down for “http://” or “https://”, if you have SSL you select the “https://” if you do not know what this is then you most likely have “http://”.  Next to that you just enter in  YourWebsite.com, the www is really not needed and you may see an example below:

Once you are done, you will be provided a tracking code as you see below:

Now do keep in mind this code is to be placed in the head of your website, when using WebPaper you just go to the editor and click the Page Properties icon with the red bar under it as you see below:

And a pop-up will appear, just paste the code you copied from the Analytics page into the bottom box that says Addition head tags:

Once your done hit ok, and then click the floppy disck icon on the top right to save.  Or you can hold CTRL and hit S to save as well :)