How to embed content as a full page in Google Sites

Fill a page on your site with a map, video, or Drive document, or embed a full-page calendar or bookable appointment calendar.

Image/Photo: Andy Wolber/TechRepublic

In May 2022, Google added the ability to embed content as a full page in Google Sites rather than limiting it to a section of a page. With it, you can populate a Google site page with embedded Google Maps, YouTube videos, documents, forms or presentations from Google Drive. A full-page embed allows you to showcase your curated content surrounded by only minimal Google Site navigation elements.

To embed full-page content, sign in to your Google Account and open a Google site where you have editing privileges, then follow the steps below.

Create your page

First, you need to add a new page designated to serve as a full-page embed to your site. With your site open, select the Pages tab, then the + button at the bottom of the column, then choose Embed Full Page, as shown in Figure A. Enter a name for the page, then select Done.

a page with indicators to show how to embed content as a full page in Google Sites
Figure A: With the Page tab selected, choose the + button at the bottom of the page, then choose the Full Page Embed option.

Insert URL, code or embed content from Google Drive

Next, you will select the content to embed. There are two ways to do this. The first option, available immediately after creating your new page, is to select either Add Embed or Add from Drive. Alternatively, at any time when your page is open, select the Insert tab, then the Embed or Drive options immediately below or one of the options shown in the list: YouTube, Calendar, Map, Docs, Slides, Sheets, Forms or Graphics, as shown in Figure B.

a sample site view with indicators showing different integration options
Figure B: On a Google site page added as a full page embed, choose Embed to add a URL or embed code, or select Drive to select an item in Google Drive. You can also choose to embed one of the menu items directly: YouTube, Calendar, Map, Docs, Slides, Spreadsheets, Forms, or Charts. (Note: The dotted red lines indicate that these options are equivalent, providing two different ways to access the same integration task.)

When you insert a video from YouTube or an item from Google Drive, Sites adjusts the content to fill the screen. Specifically, Google Docs, Sheets, Slides, and Drawings as well as Microsoft Word, Excel, PowerPoint, and PDF files all scale to the site’s display size. Items that can be multiple pages, such as PDFs, Docs, Word, and PowerPoint files, display for you to scroll through the document. Google Slides presentations, for example, fill the screen (Figure Con the right), unlike a standard recess (Figure Con the left), which displays the content much smaller.

side-by-side comparison of content embedded in a section of a page versus the entire page
Figure C: The Google Sites full page embed option emphasizes your embedded content (right image), unlike a standard embed, which limits your content to a section of a page (left image ).

If you choose to embed a Google Maps map, you can either enter an address or select a map from a previously saved map. An address entered will appear in the upper left corner of the embedded map, along with a link offering directions to people. Organizations may find this a particularly useful way to guide people to locations.

Google Calendar content embedded throughout the page includes display controls, which allow site visitors to select week, month, or calendar view options. Visitors can also access different dates as usual with any built-in Google calendar.

If you choose Insert > Embed, you can enter a URL. For example, if you’re using an edition of Google Workspace that supports bookable appointment calendars, you can embed them as a full page on your Google site.

SEE: How to use Google Calendar’s appointment calendars (TechRepublic)

Access your bookable appointment calendar; copy the URL; then in Google Sites, choose Insert > Embed > URL and paste the URL. If the options appear, add the entire page, not the preview.

The bookable appointments calendar now displays as a full-page embed on your site, as shown in Figure D, and adapts to display correctly on different screen sizes. Many third-party sites can be added as a full page integration to your Google site with this method, although not all sites or services support the integration.

a successful full-page integration of a bookable appointment calendar
Figure D: If your edition of Google Workspace allows you to create bookable appointment calendars, you can embed a calendar as a full page in a Google site.

Alternatively, you can also select Insert > Embed and paste an embed code obtained elsewhere. For example, you can follow the steps in Twitter Post to get the code needed to embed a Tweet, Twitter list, or Twitter hashtag search. While this embedded content used to be placed in a particular part of a Google site page, it can now be embedded as a full page.

SEE: How to embed content from the web into your Google site (TechRepublic)

However, not all content works well when integrated this way. In this case, embedded Twitter feeds display as expected on smartphone and tablet screen sizes, but leave a blank space on the right side of the screen when viewed on a full-size laptop. Be sure to test any third-party content embedded this way to understand how well it works.

What is your experience ?

If you use Google Sites, what type of content do you include on your pages? How does the ability to embed content as a full page impact your Google site design? What do you think of the look of your Google Map or embedded YouTube video on your site? If you use bookable appointment calendars, has the full-page onboarding option made it easier for people to sign up to hang out with you?

Mention me or send me a message on Twitter (@awolber) to let me know how you use the full-page embed feature of Google Sites.