What Sites Can I Embed in a Web Slide?
There are two things that must be true about a website in order for it to be successfully embedded in a Pear Deck Web Slide
- It must be a secure site*
- It must be embeddable. Some sites specifically block themselves from being embedded. Google.com can't be embedded, for example.
How to Embed the Unembeddable
Using Embed Codes in Pear Deck
When you put a site like https://www.google.com/maps into a Pear Deck Web Slide, our messaging will tell you that it can't be embedded.
Google Maps has a way to get an embed link of it's own. If you put that link into a Pear Deck Web Slide, it will work.
Any time a site has a way to get an embed code, follow these steps:
- Find the Embed code - Often embed codes are under some kind of "Share" or "Settings" button. For example, in Google Maps, I click the gear menu and choose "Share or Embed"
Then I clicked on "Embed" map tab. Notice the big link in the text field.
- Copy the Code - Go ahead and copy the whole thing, but we need to do some hocus pocus in the next step
- Paste the Code into a Browser or Document Editor - This is the tricky part. Paste the code somewhere you can edit it, like a word document or in the address bar of another browser window. We only want the part that starts at "https://." We don't want the part that says "<iframe src="
In this image, I pasted my embed code from above into this document editor
- Select and Copy only the URL - Select everything BETWEEN the first set of quotation marks, and copy it. (Make sure not to copy the stuff about width and height).
- Paste in your Pear Deck Web Slide - As you can see below, my map will show up on Student Screens for them to interact with
You can follow that same basic process for any site that has an "Embed" option. Many sites will work just by copying their basic URL, but if they don't, you can try this "Embed Code" method.
* Note about Secure Sites - Most secure sites have https:// at the beginning of the URL. In some browsers, like Safari, they don't display the https:// in the address field but show a locked padlock instead. HOWEVER, some sites, like National Geographic, don't force a secure certificate but in fact do have it available. So, sometimes, just because a site doesn't have https:// doesn't mean it CAN'T have https://.
Always Test It!
It just might work!!!
To test it, you can either paste the link into Pear Deck, or type "https://" in front of the URL in your browser and see it if works.