How to Use Google Sites

Updated on August 21, 2018

This tutorial will show you how to use all of the key features of the New Google Sites. Some areas that are covered include layout, hyperlinks, page format, theme and linking to a google analytics account.

How to Start

When you first open your new Google Sites account and create a new site, you will see this:

The first look of your Google Site
The first look of your Google Site

Title

After deciding on what topic you want to write about, give the page a nice title. The title should be short, to the point, and depending on what you are writing about, catchy!

The banner which the title is on can be adjusted. You can decide to have either: a Large Banner, a Normal Banner, or just a title (no Banner).

To get the banner options, click HEADER TYPE
To get the banner options, click HEADER TYPE

Theme

The next thing to do is chose a theme. They can be changed later, however, if you insert an image into your title banner (if you choose that option), then selecting a different theme will remove the picture.

You can choose any colour for the theme, and change the text type. You just need to experiment with what you think looks best.

Go to themes to get the list of Themes options
Go to themes to get the list of Themes options

The Banner Image

The image on the Banner (assuming you choose to have a banner) can be changed manually. You can either click Upload, which looks for images saved on your computer, or Select Image. When going to Select Image, you can either choose one of the standard Gallery options, find an image using a URL, search for an image, choose one from your albums, or from your Google Drive.

Once choosing an image, wait for the stars (in the bottom right corner of the banner) to stop twinkling. This is adjusting the image and title so that the viewer can easily read it. If you prefer the theme image, then you can click Reset and it will revert back to the theme.

The Change image box appears when your mouse goes over the Banner
The Change image box appears when your mouse goes over the Banner

Text Type

In the theme Section, you can either choose Light, Classic, or Heavy font. This changes the font for each text type. Using the tool kit on the right (under Insert), add a Text box.

The text box has four writing options: Title, Heading, Subheading, and Paragraph.

The font for each section will be different depending on your chosen theme, so be sure to explore this early on!

To get the editing box, click the PENCIL
To get the editing box, click the PENCIL

The Tool Box

Next you need to continue by adding different elements to your site. I recommend adding all sections you want to include before formatting the document.

Tool
Use
Image
Use to insert an image. The different sections are the same as the ones used for the banner.
Embed
Use to insert a web page/URL that you want to be shown. It shows a preview of the web site.
Upload
Use this to upload documents or images that are saved on your computer.
Divider
Use to separate sections of the web page.
From Drive
Use to upload anything from your google drive.
YouTube
Use to insert a video to your web page. Can either Search for a video, or use a URL.
Calendar
Use to mark important events. Can either use your own calendar, a regional calendar (for public holidays) or from your contacts.
Map
Use to show a location or address.
Google Documents
Use to upload specific google documents.
Layouts
Use to insert a certain layout style.
These tools will become your friend :)
These tools will become your friend :)

Formatting the Layout

You can move the boxes around using the triple dots. The top set allows you to move the box within the section, to help organize multiple text boxes/pictures. The left set allows you to move a section either up or down the page.

The Triple dots allow you to move the text box/image
The Triple dots allow you to move the text box/image

A new feature that has been added, is the layouts section. The layout section is design to collate images and text boxes in certain arrangements. The arrangements are automatic, and make for easier formatting.

This was added whilst I was making this article...
This was added whilst I was making this article...

Adding Sub-Pages & More Pages

To expand your website, you can add sub-pages and new pages. A sub-page will be listed under the same section as the page it is in, and a page will be by itself. To ad one of these, go to the section titled as Pages (in between Insert and Theme).

To add a new page, go to the bottom of the pages section, click the plus (+) button, and then give it a title.

To add a sub-page, go to the page you want to add it to, click the triple dots on the right of the label, and select Add Subpage.

The images on the sub-page can be changed and customized to be topic/page related
The images on the sub-page can be changed and customized to be topic/page related

The new page will appear on the top right of your banner, and the sub-page will be indicated with the arrow, and can be accessed by hovering over the page. The list of sub-pages will then come down (as shown in the image above).

Connecting Links

To create a link that can go to another page or sub-page, you can click the text box, select the desired text to be hyperlinked, and then click the hyperlink button. You can also add an external link. When clicking this link, it will take the viewer to the link's website or to another page in your article.

You can only create a link to another page or Sub-Page, not a section in the document
You can only create a link to another page or Sub-Page, not a section in the document

Google Analytics

Google Analytics is a site that can be used to monitor the amount of views your site get, where the viewers are from, which type of device they are using, and provide a monthly general report.

With Google analytics, you are able to create multiple properties within an account. Multiple accounts can also be created, but I suggest to keep it simple by just adding a property.

The screen where you can add new accounts (left), properties (middle) or customize  what data you see (right)
The screen where you can add new accounts (left), properties (middle) or customize what data you see (right)

To get to the screen above, where you can create an account and properties, click the cog-wheel, which is the Admin tab. From there, you can select Create a Property. After filling in the data (the website name, web address and category), click Get Tracking ID. Then return to your Google Site page, and click the Site Analytics button.

How to add your site to your google analytics account
How to add your site to your google analytics account

After copying your Tracking ID across, and saving, the site will be monitored using your Google analytics account.

Finishing the Site

After filling the site with all of the information you want to share, then you can click the publish button! Then you are done!

If you have any questions, please let me know!

This article is accurate and true to the best of the author’s knowledge. Content is for informational or entertainment purposes only and does not substitute for personal counsel or professional advice in business, financial, legal, or technical matters.

Questions & Answers

    © 2018 Monique K-G

    Comments

      0 of 8192 characters used
      Post Comment

      No comments yet.

      working

      This website uses cookies

      As a user in the EEA, your approval is needed on a few things. To provide a better website experience, turbofuture.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

      For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://turbofuture.com/privacy-policy#gdpr

      Show Details
      Necessary
      HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
      LoginThis is necessary to sign in to the HubPages Service.
      Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
      AkismetThis is used to detect comment spam. (Privacy Policy)
      HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
      HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
      Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
      CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
      Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
      Features
      Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
      Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
      Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
      Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
      Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
      VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
      PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
      Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
      MavenThis supports the Maven widget and search functionality. (Privacy Policy)
      Marketing
      Google AdSenseThis is an ad network. (Privacy Policy)
      Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
      Index ExchangeThis is an ad network. (Privacy Policy)
      SovrnThis is an ad network. (Privacy Policy)
      Facebook AdsThis is an ad network. (Privacy Policy)
      Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
      AppNexusThis is an ad network. (Privacy Policy)
      OpenxThis is an ad network. (Privacy Policy)
      Rubicon ProjectThis is an ad network. (Privacy Policy)
      TripleLiftThis is an ad network. (Privacy Policy)
      Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
      Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
      Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
      Statistics
      Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
      ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
      Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
      ClickscoThis is a data management platform studying reader behavior (Privacy Policy)