Not only it is important to have a web presence for your library, it is also important to provide embedded resources for students to access. It removes the amount of clicks to reach a desired location–a video, link, document, and more. Our students can then view a variety of instructional resources on one page.
What are some items we can embed to our web pages?
- Videos from YouTube, Vimeo, or other web-hosting pages
- Videos from Google Drive (if YouTube is blocked in your building or district)
- Other website content
- Library Twitter account or other social media
- Presentations via Slideshare
- Book information from Goodreads or other similar sites
- Anything else with an embed code
What is an embed code?
An embed code provides a short code usually in HTML language for users to copy and paste into a website. Typically, it provides the source link and height and width of the item.
Don’t worry–you will not need to know the meaning of the code. The most important part is making sure you copy ALL of the provided code.
How do I find the code?
The embed code can be found in different places depending on the site.
YouTube: Click Share. Click Embed and a code appears. It even allows you to choose the size of the video.
Twitter: Click here to learn more.
Slideshare: Click your uploaded presentation/slideshow. Click Embed and choose the size.
View the image below to see a Twitter example.
In other sites, look for the share or embed links. If you cannot find them, access the Help or Support section of the site to learn more.
Copy the Code
Once you find the embed code, copy the entire code. View the example gif below for how to access the YouTube embed code.
Locate and Paste the Code
Access your library web page.
Look for a section to add HTML or an embed code option.
Weebly: Look for the Embed Code button to paste the code.
WordPress: Click here to view specific steps.
Google Sites: Use the Embed URL option provided. Google makes it easy to embed anything from Google Drive and YouTube.
If you have another website provider, utilize the support page to locate information about embedding codes into the site.
View the Code
Save and view the page. The embedded item should appear.
You may need to go back and resize the item. You can do this in the embed code or many sites offer the ability to customize the size before grabbing the code. Use the option that is available to you.
What other sites do you embed to your library pages? Let us know in the comments below.
Having difficulty embedding a site? Let me know below, send me an email, or direct message me on Twitter.
Author: Becca Munson
Becca Munson, Librarian, is a National Board Certified Teacher with over 23 years of experience in education. She is currently a school librarian at Blue Valley West High School in Overland Park, KS. Becca continues to find ways to positively impact student learning with literacy initiatives, technology integration, and building rapport with students and staff. Follow her on Twitter to view the library in action @bvwlibrary and @beccamunson .
Categories: Blog Topics, Technology
I would like to have our district databases embedded into my library website but I can’t find any code to embed. Where would I find the code to embed if there isn’t a share or embed option given in the site?