More Resources

• Login to your Google Account that was set up with your Gmail.

• It is easiest to access your Google Account if you are logged into the Google Chrome browser using your Google (or Gmail) Account. You can access all Google apps this way by clicking on the profile icon in the top right corner.

Step 1: Setting Up the Google Calendar

Create a New Calendar (Optional):

1. • Go to Google Calendar and log in with your Google Account.

   • Click the gear icon ⚙️ in the top-right corner and select Settings.

   • In the left-hand menu, scroll to Add calendar and click Create new calendar.

   • Name the calendar (e.g., "Public Events Calendar"), add a description, and click Create calendar.

Step 2: Add Events to the Calendar:

1. • Return to the main Google Calendar view by clicking < to calendar at the top-left, or click the Google Calendar name in the left sidebar menu.

   • Double click on a date to create an event.

   • Fill in the event details (title, time, location, description).

   • Use the dropdown menu under Calendar to select the calendar you created. Here is where you can have multiple to choose from.

   • Choose visibility Public.

   • Click Save.

More Settings

Access Calendar Settings:

1. • In the left-hand menu, locate the calendar you want to share. There you can have multiple calendars.

   • Click the three dots next to the calendar name and select Settings and sharing.

Make Sure the Calendar is Public:

1. • Scroll to the Access permissions for events section.

   • Check the box for Make available to public.

   • In the dropdown menu next to it, select See all event details.

NEXT: Getting the Embed Code for Your Website

Step 1: Get the Google Calendar Embed Code

• • • Open Google Calendar.

    • On the left panel, find the calendar you want to embed. Click the three-dot menu next to it.

    • Select Settings and sharing.

    • Scroll down to "Integrate calendar".

    • Copy the Embed code under "Embed code" (it looks like <iframe src=...>).

(Optional: Click "Customize" to adjust the display settings before copying.)

Step 2: Embed the Calendar in Google Sites

• Open your Google Site in edit mode.

• Navigate to the page where you want to embed the calendar.

• Click the Insert tab (right sidebar).

• Select Embed, then choose Embed code.

• Paste the copied Google Calendar iframe code.

• Click Next, then Insert.

• Resize or adjust as needed.

Step 3: Publish Your Google Site

• Click Publish (top-right corner).

• Visit your site to confirm the calendar appears correctly.

• Login to your Google Account that was set up with your Gmail.

• It is easiest to access your Google Account if you are logged into the Google Chrome browser using your Google (or Gmail) Account. You can access all Google apps this way by clicking on the profile icon in the top right corner.

Step 1: Open Google Forms

Go to Google Forms:

1. • Visit Google Forms.

   • Or access Google Drive, click New > More > Google Forms > Blank or from a template.

Step 2: Create a New Form (Blank or

Blank Form:

1. • Click on the blank form to start fresh.

Or before clicking the + Blank Form, you can choose to use a Template:

1. • Select a pre-designed form by clicking Template Gallery (top right).

Step 3: Title and Description

Name the Form:

• At the top, click on "Untitled form" and type the form's title.

Add a Description:

• Beneath the title, explain the purpose or instructions for the form.

Step 4: Add Questions

Type Your Question:

1. • Click on the default question field to edit it.

Select a Question Type:

1. • Use the dropdown menu on the right to pick a type:

     • Short Answer

     • Paragraph

     • Multiple Choice

     • Checkboxes

     • Dropdown

Add Options (if needed):

1. • For multiple-choice or checkbox questions, type each answer choice in the provided fields.

Add More Questions:

1. • Click the circled + icon on the toolbar to the right to insert new questions.

Step 5: Customize the Form

Reorder Questions:

1. • Drag the six-dot icon on any question to move it around.

Theme and Style:

1. • Click the palette icon at the top to change colors or fonts.

Step 6: Adjust Form Settings

Access Settings:

1. • Click the Settings Tab at the top of the form, next to Questions and Settings.

Step 7: Enable email notifications in Google Forms 

• • • Click Responses at the top of the form

    • Click More (three dots icon)

    • Select Get email notifications for new responses

Don’t forget to test out your form. Submissions will be sent to your Gmail address. You can have that forwarded to your work email address if you prefer. Instruction here.

NEXT: How to Embed the Form

Step 1: Get the Embed Code from Google Forms

• Open your Google Form.

• Click the Send button (top-right corner).

• Select the < > Embed option (the third tab).

• Adjust the width and height if needed.

• Click Copy to copy the embed code.

Step 2: Add the Form to Your Google Site

• Open your Google Site in edit mode.

• Navigate to the page where you want to embed the form.

• Click the Insert tab (right sidebar).

• Click Embed and select the Embed code option.

• Paste the Google Form’s embed code.

• Click Next, then Insert.

• Resize or reposition the form as needed.

Step 3: Publish Your Google Site

• Click Publish (top-right corner).

• Check your live site to ensure the form displays correctly.

How to Find Your Google Analytics Measurement ID & Embed It in Google Sites

Step 1: Find Your Google Analytics Measurement ID (GA4)

1. Go to Google Analytics.

2. Sign in with your Google account.

3. In the left sidebar (very bottom corner), click on Admin (⚙️). If you don’t see it, look for the navigation panel at the bottom-left.

4. Click on Property on the left sidebar, then click Data Streams in the right column of the page.

5. Click on the website property you want to track.

6. Your Measurement ID (e.g., G-XXXXXXXXXX) will be listed at the top. Copy it.

7. 
   

Step 2: Add Google Analytics to Your Google Site

1. Open your Google Site and go to your website.

2. Click on the Settings (⚙️) icon in the top-right corner.

3. Select Analytics from the menu.

4. Paste your Measurement ID (G-XXXXXXXXXX) into the field.

5. Click Save to apply the changes.

1. Create a Google Analytics Account and Property

• If you don't already have a Google Analytics account, go to analytics.google.com and sign up.  

• Once you're in your Analytics account, you'll need to create a "Property" for your Google Site. This is where the data for your site will be collected.  

• When creating the property, choose "Web" as the platform and enter the URL of your Google Site.  

• You'll be given a "Measurement ID" (it starts with "G-"). This is what you'll need to connect Analytics to your site.  

2. Add the Measurement ID to Your Google Site

• Open your Google Site in the editor.

• Click on the gear icon (Settings) in the top right corner.  

• In the Settings menu, find the "Analytics" section.  

• Paste your Measurement ID into the provided field.  

• Make sure the "Enable analytics" toggle is turned on.

• Publish your site to apply the changes.  

3. Verify the Integration

• It can take up to 24 hours for data to start appearing in your Analytics account.  

• To check if the tracking is working, visit your Google Site in a new browser window.

• Go to your Google Analytics account and check the "Realtime" section. If you see activity from your site, the integration is successful.
    

• Embedding Google Docs, Sheets, and Slides in Google Sites allows you to display live documents that automatically update when edited in Google Drive. Follow these steps to seamlessly integrate them into your site.

1. Open Your Google Site

• Go to Google Sites.

• Select the site where you want to embed your document.

2. Insert a Google Doc, Sheet, or Slide

• Click on the section of the page where you want to embed your file.

• In the right-hand panel, click "Insert".

• Scroll down and choose one of the following options:

  • Docs (for text-based documents)

  • Sheets (for spreadsheets)

  • Slides (for presentations)

3. Select Your File

• A pop-up window will appear, showing your Google Drive files.

• Click on the document, spreadsheet, or presentation you want to embed.

• Click Insert.

✅ Tip: If your file is not listed, click "Select from Drive" and upload it manually.

4. Resize and Position the Embedded File

• Click the embedded file to see blue resize handles around it.

• Drag the corners to adjust the size.

• Click and drag the file to move it to a different position on the page.

5. Adjust Viewing Permissions (Important!)

Before publishing, ensure visitors can view the embedded file:

• Open the file in Google Drive.

• Click Share (🔗 icon) in the top-right corner.

• Under "General access", choose:

  • Anyone with the link (if you want public access).

  • Restricted (if only specific people should see it).

• Click Done.

🚨 If permissions are not set correctly, users may see a "You need access" message!

6. Publish Your Site

• Click Publish to apply changes.

• Visit the live site to confirm the file displays correctly.

Best Practices for Embedding Google Docs, Sheets, and Slides

✅ Keep embedded files up-to-date—changes made in Google Drive will automatically appear on your site.
✅ Use Sheets for live data tracking—great for schedules, sign-up lists, and reports.
✅ Use Slides for presentations—perfect for displaying reports, guides, or interactive content.
✅ Ensure correct sharing settings—so visitors can view without needing permission.

To use BrokenLinkCheck.com to check for broken links on your site (including subdomains), follow these steps:

1. Visit the Website
   Go to BrokenLinkCheck.com.

2. Enter Your URL
   You’ll see a text box labeled “Enter your URL below.” Type in the URL of your website (e.g., ada.okpls.org).

3. Choose Your Settings
   Select “Report all occurrences of each dead link” to find everywhere the links are broken.

4. Enter the Security Code
   Complete the CAPTCHA security code to verify you're not a robot.

5. Start the Scan
   Click the "Find Broken Links Now" button to begin the scan.

6. View the Results
   After the scan finishes (this can take a few minutes depending on the size of your site), the results will appear. The tool will show a table of broken links.

7. Click on the "URL"
   Click on URL to the right of each broken link (under Page where found) to view the page where it’s located.

8. Fix the Broken Links
   Go to your Google Site, access the pages with broken links, and update or remove the broken hyperlinks.

AtomSEO Broken and Redirect Links Checker (Google Chrome Extension)

Here’s a step-by-step guide to add and use the AtomSEO Google Chrome extension for checking broken links and redirects:

Adding the AtomSEO Extension to Chrome

1. Open Chrome Web Store:

   • Visit the Chrome Web Store link: AtomSEO Extension.

2. Add to Chrome:

   • On the extension page, click the “Add to Chrome” button.

3. Confirm Installation:

   • A popup will appear. Click “Add Extension” to confirm the installation.

4. Verify Installation:

   • Once installed, you’ll see the AtomSEO icon appear in your Chrome toolbar (to the right of the address bar).

   • If it’s hidden, click the puzzle icon (Extensions) in the toolbar and pin the AtomSEO extension.

Using the AtomSEO Extension

1. Access the Extension:

   • • Click the AtomSEO icon in your Chrome toolbar.

2. Check a Website for Broken Links:

   • • Go to the webpage you want to analyze.

     • Click the AtomSEO icon and select the option to start the scan (e.g., “Check Broken Links”).

3. Monitor the Progress:

   • • AtomSEO will analyze the webpage and report any broken links or redirects it finds.

4. Review Results:

   • • The extension will display:

       1. Broken Links: Links that lead to 404 or unavailable pages.

       2. Redirects: Links that redirect to another location.

     • Results are typically shown as a list with details (URL, HTTP status codes, etc.).

5. Export Results (Optional):

   • • Some tools, like AtomSEO, allow you to export the data for further use in Excel or other formats.

Tips for Using AtomSEO Effectively

• Regular Scans: Periodically check your website to keep it free of broken links, which can affect SEO.

• Analyze Internal & External Links: Ensure both internal (within your site) and external links work properly.

• Improve Redirects: If redirects are unnecessary or chain too many times, consider fixing them to improve user experience and SEO.

Canva: Design Made Easy

Canva is a user-friendly graphic design tool that can help you create compelling visuals for your website or any project. Canva makes it easy—no design experience required. Working with Canva is FREE. You can access a wide range of images, templates, and tools without any cost. There are also paid options that give you access to even more images and templates. It’s a great way to make your library’s materials visually appealing with minimal effort.

Key Features:

• Thousands of Templates: Choose from pre-designed templates for posters, social media posts, presentations, and more.

• Easy-to-Use: Drag-and-drop interface makes creating designs simple and fast.

• Free & Paid Options: Access a wide range of features for free, or upgrade to Canva Pro for premium tools and content.

How to Get Started:

1. Visit the Website: Go to www.canva.com to get started.

2. Create an Account: Sign up for free using your email, Google, or Facebook account.

3. Start Designing: Browse Canva’s templates, photos, and design elements, and start customizing them to fit your needs.

1. Unsplash – Free high-quality images for personal and commercial use, with no attribution required. https://unsplash.com

2. Pexels – All images are free to use for commercial and personal projects, with no attribution required. https://www.pexels.com

3. Pixabay – Offers a vast collection of free images, illustrations, and videos for personal and commercial use, no attribution required. https://pixabay.com

4. Burst by Shopify – Free high-quality images for commercial use, available for use without any attribution. https://burst.shopify.com

5. StockSnap.io – Provides free high-resolution photos with no copyright restrictions. All images are released under the Creative Commons CC0 license. https://stocksnap.io

6. Reshot – Free stock photos, available for commercial and personal use, with no attribution required. https://www.reshot.com

7. Kaboompics – High-quality photos for personal and commercial use with no attribution required. https://kaboompics.com

8. Gratisography – Quirky, creative photos for commercial and personal use with no copyright restrictions. https://gratisography.com

9. Life of Pix – High-resolution images provided for both personal and commercial use, with no copyright restrictions. https://www.lifeofpix.com

1. Keep it Simple: Google Sites allows for easy layout and clean design, so it's easy to avoid clutter and keep things simple. Stick to clear and concise text.

2. Mobile-Friendly: Google Sites is automatically responsive. This means that your site will adjust for mobile devices without any extra effort, so you don’t need to worry about this one.

3. Use Consistent Design: A consistent theme has been provided for all OKPLS libraries, so they should use it across all pages for cohesion. This helps maintain a uniform look and feel.

4. Clear Navigation: You can easily add on and organize a navigation bar in Google Sites. Be sure to use it to clearly organize your pages and make them easy to navigate. 

5. Accessible Design: Google Sites does offer accessibility features like alternative text for images, high contrast, and keyboard navigation support. Just be sure to use those features when uploading images or designing your site.

6. Content Hierarchy: Use headings and text boxes to organize content. Google Sites allows you to format text with headings and bullet points for a clear content structure. Make sure to use headings appropriately for accessibility—headings should be used in a hierarchical order (H1, H2, H3, etc.) to help screen readers navigate your site effectively.

7. Call to Action (CTA): Add buttons or links to encourage actions like signing up for a newsletter or accessing specific resources. You can link these elements in Google Sites through buttons or text links. Use description words like "View the Latest Newsletter" as opposed to "click here."

8. Easy-to-Read Fonts: Fonts have been set up in the theme for consistency across the OKPLS libraries. Make sure to maintain this consistency, even in images, to avoid overcomplicating the site with different fonts.

9. Test and Update: Google Sites allows you to preview your site before publishing, and you can easily update it whenever necessary. Be sure to regularly review and refresh the content.

10. Avoid Autoplay: Google Sites doesn’t support autoplaying media by default, which is a good thing! Avoid adding any media that might start playing automatically.

11. Use Clear Contact Info: Google Sites makes it simple to add a contact form, email links, or other methods of contact. We will have your main contact information in the footer.

12. Check for Broken Links: Regularly use tools like BrokenLinkCheck.com to ensure there are no broken links on the site. This helps keep the site functional and user-friendly.

Overall, Google Sites is a user-friendly platform that supports these best practices while simplifying the process of implementing them.