Wednesday, March 19, 2014

How to Embed a Google+ Pages Photo Album into a Google Sites Website

Just spent 2 hours trying to figure this out, so I'm going to write down what worked to hopefully spare any of you the frustration I just went through.

What I wanted to do: Put up a photo album in Tim's Google+ Mister Tim page and then embed the album on his www.mistertimdotcom.com website. Seems simple enough. I'm even using all Google tools, so it should be possible, right? Google SHOULD give you a link or a snippet of code in Google + like they do in Picasa, right?

Not so much. It is possible, but it requires a very convoluted workaround, especially since I was trying to use a Google+ Page instead of a straightforward Google+ account.

Here's what worked:

1. First, log in to Google+ and use the left dropdown navigation bar to go to your Pages. In our case, I logged in to Tim's Timothy Jones Google+ account and then navigated to his pages screen, which has three options on it. I chose "Manage this Page" under "Mister Tim".

2. Use the left dropdown navigation to choose "Photos". Now click on "More" in the top navigation bar and select "Albums", or upload photos and create a new album. Either way, once the album is created, go to the albums page again (Photos>More>Albums) and choose the album you want to embed. Click on the dropdown arrow (white button) on the far right of the screen, and choose "Sharing Options" and make sure that the option under "Visible to" is "Public". Click "Save".

3. Now, on the left dropdown navigation menu, choose Settings.

4. Scroll down to Third Party Tools. Copy your page's username and set up a password for it.

5. Now go to this site: https://picasaweb.google.com/lh/myphotos?noredirect=1

6. Log in using your Google+ Page username that you just copied and the password you just created.

7.  If you aren't on the "Home" tab, click there. If your album shows up under "Recent Albums", choose it. If not, click on "View All" next to Recent Albums and select your album there.

8. In the right sidebar, double check that your album is set to "public on the web". If it isn't, choose edit. If it is, then click on "Link to this Album," also in the right sidebar.

9. Select "Embed Slideshow". A popup box will appear. Select the options you want and then copy the html code from the box. (You can select "Embed album" but you get fewer formatting options.)

10. Log in to your website and use the tools there to insert the html code into the right page. Save the page, and the slideshow should be fully functional. Here is our result: http://www.mistertimdotcom.com/lyric-art-book.

No comments: