I am creating this post to test the ability of embedding photos that are hosted on Google Photos. You see, back when we had Picasa Web Albums, you could select a photo and then there was an option in the sidebar to “Embed” that photo into another website. As I recall, even back with Picasa Web Albums, I did not use that method. I would use the right-cick / copy image address (or image URL) method that still exists today. Here is a video on how I used that method to insert photos into Google’s My Maps. 329.Adding Pictures to Custom Maps
Here, in WordPress, I can add a picture from Google Photos by opening the photo with Google Photos, right-click and “Copy Image Address.” Then in WordPress, click the Add Media button, select Insert from URL, and paste the address. Then I resized it by dragging a corner handle.
Unless you’re me, the picture above has disappeared. I still saw it for a while because I am the owner, but apparently after some period of time, the public nature of the embedded code expires and no one else can see it. After more time – overnight – even I can’t see it now.
I am going to try the suggestion posted in this thread by Tenley H. She says to take the code copied above and paste it into a converter at GETeach.com/staticstreet to get a true permalink URL for the photo. Here goes:
I notice that, even after conversion, the URL still does not end in .jpg or .png. AND … this is a pain. But, if it works, it’s still better than having to set up another image hosting service.
One more try
Even the picture URL converted by GetEach, expired above and is no longer visible to anyone but me. This try I will do exactly what Tenley specifies – that is to open the picture from Google Drive (not photos) and copy the shareable link. Use Geteach to convert that link to a useable URL, and then embed that here.
Using Microsoft OneDrive Embed code
While I’m at it, I’m going to use a photo uploaded to Microsoft’s Onedrive. Onedrive offers a specific Embed option for photo stored there. View the photo, click the 3-dot menu and choose Embed. Now you select a size (I chose small) and copy the URL code. Then I used the same Insert photo from URL option here in WordPress.
Using Google Drive, and Editing the URL
Today I ran across this set of instructions for embedding a Google Photo – via Google Drive. The key seems to be changing public in the url to uc ..?? Makes no sense to me, but here we go:
Using Google Drive Embed code!
Found it! This looks to me like an officially condoned way of embedding a Google Photo into a web page. First make sure your Google Photos are shown in Google Drive – its a setting in Drive – then
- open the photo and click the 3-dot menu and Sharing – set to Public.
- 3-dot menu, open photo in new tab
- 3-dot menu EMBED THIS!
- This gives you iframe code, just like OneDrive. YAY!!!
Getting Link from Google Photos
Now I’m going to try the technique outlined in this forum post.