What Sites Can I Embed in a Web Slide?

Overview

Generally, 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:

  1. It must be a secure site*
  2. It must be embeddable. Some sites specifically block themselves from being embedded. Google.com can't be embedded, for example.

However, like most rules, there are some exceptions!

How to Embed the Unembeddable

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.

BUT WAIT!

Google Maps and YouTube, for example, have a way to get an embeddable link. 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:

1. Find the embed code. Often times, 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 navigated to the Embed map tab. Notice the big link in the text field.

2. Copy the embed code. Go ahead and copy the whole thing, but we need to do some hocus pocus in the next step.

3. 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="

Below, I pasted my embed code from above into a document editor.


4. 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)

5. Create a Web Slide. Open the Pear Deck for Google Slides Add-on or the Pear Deck for Online PowerPoint Add-in. Then, open your slide. Next, go to the Ask Students a Question section and click Website.

6. Paste the embed code into the Pear Deck Web Slide URL field.

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.

7. If the website is properly embedded, students will see it on their view during your session.

* A 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://.

Unsure about whether it's a secure page? Test it!

To test your link to confirm it's secure, 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.