Onebox support for new Google Photos

Google+ Photos was a default for many of us with Android and Auto-Backup turned on… all your photos end up in one place online, free storage, etc etc… I’ve been in the habit of opening them on the Google page, and dragging the photo into Discourse. The photo URL used to look something like this:

https://lh3.googleusercontent.com/-DDzM12G2Qwc/VWlw-u8s6RI/AAAAAAABlio/PjSwWb_IOJQ/w1556-h875-no/IMG_20150529_201713.jpg

This oneboxes just fine:

Now we have Google Photos (they dropped the Plus)… and they’ve changed the way photo URLs work.

Same photo, new Google Photos URL:

https://lh3.googleusercontent.com/phrNeuu1TAms_KKKEAL_xECSZpxQFFWkP5mHcCBZG2hU=w1716-h965-no

This will not onebox, as it’s not “.jpg” . I have no idea how to extract the raw jpg location from that string. It appears to be a completely different storage location and id, and contains photo size information at the end.

Can someone smarter than me please look into adding/fixing this?

2 Likes

Sure @techapj can you add this to your list?

1 Like

There might be a few things to consider here in terms of where users get their URL’s from.

Here are 4 links:

7 Likes

Just checking in to see if there’s been any movement on this? I recently ran into the same problem for a user.

It would be great if we can get these https://goo.gl/photos/KKiG8XvS4o9BXy2r9 style links oneboxed. Both the photo and gallery versions.

Thank link doesn’t seem to work for me, can you paste a working version in Generate Responsive Embed Codes via Iframely to see if it is even supported? (particularly for gallery versions)

Cool they seem to work actually. I added goo.gl to my site’s onebox settings and they work now. I don’t know why I thought I didn’t need to do that.

I also edited the link as I copied one of the ones above but with the link count number at the end by mistake.

1 Like

Only drawback it seems is that Google shows only the top of portrait images.

There is no way URL shorteners would be expected to work here. None whatsoever.

It does work if you whitelist goo.gl. Also if you share a photo from Google Photos it generates a special goo.gl link (similar to the maps specific one) that’s just for photos. So it’s not a standard shortened link. On my site I white-listed goo.gl and if you post this link it puts the photo in.

Only problem is that portrait mode photos are cut-off. But I think that’s something wrong on Google’s end.

See this:

That photo should look like this, but it’s only showing the top part.

You would be correct. If you look at the meta tags they generate, it links to a photo that only shows the top portion of the portrait photo

4 Likes

We covered this in another topic, the pain here is that our “onebox any image” code depends on file extension instead of doing a HEAD/GET and pulling out the mime type.

I think we should just bite the bullet here and look at mime types cause it cleans up a bunch of places where this is the case.

(note, slack does this)

3 Likes

Seeing how Instagram oneboxing is working nicely, any chance the same could be applied to Google Photos albums?

Here is the link that Google produces for sharing an album with 3 photos in it:

https://photos.app.goo.gl/OPDpevnR0XUHTqA33

And here is how a Google Photos album with 3 photos is presented in Discourse:

I don’t see that used as much as Instagram, so it isn’t as much of a priority.

Onebox now has a dedicated engine for Google Photos to support album, image and video links. Demo:

Album:

Image:

Google Photos

Video:

17 Likes

That is AWESOME. Thank you!!

3 Likes

It seems that the Onebox is cropping the image in my case. Am I doing something wrong?

https://photos.app.goo.gl/1j3E4exAQUeBSDEn7

Onebox
Google Photos

Full image

1 Like

Onebox uses og:image tag to get image link and in above case the cropped image is what Google is linking to as per:

<meta property="og:image" content="https://lh3.googleusercontent.com/6nA9fLdVMC1TzVwZbLYSRW7LUGoe8Gm9kQ_eKktYVALvfULRzYwbd2l4tb54oUG_khyUJuP16Dha1muAT7fAKssGBcqHiFXDwlBVRvvrajaJ2Xy2hJ8HusnoHj1vnDZa3XhzW1ORZsa11AnG_zRfOii8ejgoA9SsobPJXoO3xBq9M7CDPzrOkHHhzG50bslo0FeHhN5S8TrHXmykxLSerV1879tiFo4VrvafHGyRI6iHLjaZvXVNWd-VlD58bM7lgvefBoJe8YlYCGL67cqmcL7XCRjutf6c0jKq7lY0nI9q3nZTDXssgnrvHT-jt0cLzkA8r-ODBtGG9-zhuhTpZqSS4CBsduVckZLtS8wbBPXriyWq7bWn9joynQd-vqgTLj6qdpQqCif62OZclPYr2IO4pOiAK6Fcuns6eMiEYFvv4A1DHu-9ZQ7YMkZqRjNUT8tei0pTmqw7pKUMIEqD21xFiCtF4r3rI3YiO94EaKyJZW2lNAOnIieSPG_n0sdYYT4ciCj0yGbVbdwqaF8Fq77o2AENiFhp8VVqfYbKPtt8PvAdZsoSdpasdVafkxLIPD1iGlkiMljXX9-BpjZGeUNKeLBbHp--IRi3wnbal-3OW6GxwO_H_bmed2xa8hXGfwcbyzmWS35FkkXClZhVnbWyePrYXM298Bhft5C-OZSl0R-OuGiC6rmM52Z_wWfx5njtwWIu_Xuyr35TQqAvroPi=w600-h315-p-k">

No image cropping is happening on discourse/onebox side.

4 Likes