Image Upload - Gif

[+SideTrackedChris]

Im trying to add a gif image to my cache listing, I know if I upload it using the image uploader on the cache page, it strips out the animation which is helpful.

 

But then I remembered that the release notes for when 3rd party image hosts got blocked said that there are some approved domains, namely google and dropbox.

 

So I have uploaded to Google Drive AND Dropbox, but yet the cache page still tells me Remove all images hosted on a third-party website to save changes. Tip: Upload images directly to the cache page with the user-friendly editor.

 

So what gives????

 

This is the KB for approved external image hosts: https://www.geocaching.com/help/index.php?pg=kb.chapter&id=97&pgid=956

 

[+Hügh]

Can you share the URL of the version uploaded to Google Drive/Dropbox?

[+Hügh]

Here are the steps I took to upload an animated .gif to my geocache listing. (EDIT: now removed because I don't actually want it there)

1. Upload the GIF to Google Drive.
2. Share the file.
3. Make sure that it's set to "Anyone with the link can view."
4. Copy the link (https://drive.google.com/file/d/1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh/view?usp=sharing) and extract the "identifier" (the unreadable bit in the middle.) For me, that's "1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh".
5. Embed the image on the cache page by linking to "https://drive.google.com/uc?export=view&id={THE ID HERE}". In my case, that's https://drive.google.com/uc?export=view&id=1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh.
6. There's probably a more user-friendly method of obtaining that link, but I don't know of one.

Edited July 30, 2021 by Hügh

[+SideTrackedChris]

6 minutes ago, Hügh said:

Here are the steps that I used to upload a GIF to my cache listing.

1. Upload the GIF to Google Drive.
2. Share, then change to "Anyone with the link can view."
3. Copy the link (https://drive.google.com/file/d/1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh/view?usp=sharing) and grab just the ID bit (1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh).
4. Add "drive.google.com/uc?export=view&id=" before the ID (so http://drive.google.com/uc?export=view&id=1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh)
5. Link to that from the cache page using an <img src="..." /> tag.

 

Ahhh brilliant thanks @Hügh

 

I had been trying to use the googleusercontent.com link - Changed it to the drive link and it's let me in!

 

Yay!   Many many thanks!

 

 
(just in case you were wondering!)

[+Hügh]

1 minute ago, bus.stop said:

I had been trying to use the googleusercontent.com link - Changed it to the drive link and it's let me in!

 

Yup, that (was) the issue. When they say "Google Drive", they literally mean drive.google.com...

 

It would be helpful if they added googleusercontent.com to the approved hosts, too -- it would allow you to link to photos in your Google Photos, for example.

[+SideTrackedChris]

10 minutes ago, Hügh said:

 

Yup, that (was) the issue. When they say "Google Drive", they literally mean drive.google.com...

 

It would be helpful if they added googleusercontent.com to the approved hosts, too -- it would allow you to link to photos in your Google Photos, for example.

 

I'm guessing the same would probably apply for dropbox as that had a weird address too.  But now I know how to get google to work, I'll stick with google!

 

Thanks ever so much for your help, It's going to make my cache page look more snazzy!!

[+Hügh]

6 minutes ago, bus.stop said:

I'm guessing the same would probably apply for dropbox as that had a weird address too.  But now I know how to get google to work, I'll stick with google!

 

Sounds good!

 

It's even easier if you use OneDrive; you can just click "Embed" and it'll even go as far as to generate the HTML code for you! (it has trouble with GIFs, though -- only static content because it gets put behind the image proxy.)

 

Edited July 30, 2021 by Hügh

[+infiniteMPG]

Hahahaha..... when you said 5. Embed the image on the cache page by linking to "https://drive.google.com/uc?export=view&id={THE ID HERE}" I tried and tried and tried and no luck.  Then  I decided that maybe the { } was for reference.  Removed the brackets and TAH-DAH!!!  That worked.  Duh.   

 

MANY THANKS, that worked!!!  Would be nice is GC would tell you that you can do that.

[+thebruce0]

For dropbox when you get the share link, just change the querystring extension at the end of the url to ?raw=1 and that will properly embed the image.

[+Stamp My Art]

On 7/30/2021 at 3:16 PM, Hügh said:

Here are the steps I took to upload an animated .gif to my geocache listing. (EDIT: now removed because I don't actually want it there)

1. Upload the GIF to Google Drive.
2. Share the file.
3. Make sure that it's set to "Anyone with the link can view."
4. Copy the link (https://drive.google.com/file/d/1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh/view?usp=sharing) and extract the "identifier" (the unreadable bit in the middle.) For me, that's "1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh".
5. Embed the image on the cache page by linking to "https://drive.google.com/uc?export=view&id={THE ID HERE}". In my case, that's https://drive.google.com/uc?export=view&id=1j5PPqBT_e9JSymtT4CGXOr8DsFc2m7fh.
6. There's probably a more user-friendly method of obtaining that link, but I don't know of one.

Don't know how you figured out that trick, but thanks a billion! I spent loads of time creating a puzzle gif that I couldn't get to work even though I kept trying all kinds of things in my Google drive.  This information was exactly what was needed!  Thank you!

[+kabouterer]

Are the above methods still possible now?

[+hollandweavers]

Did not work for me. When I added the link, it just showed the link and did not embed the gif. Maybe I am doing it wrong? I clicked on the link icon and pasted the link text into the link field. 

The Google drive link is https://drive.google.com/file/d/1yKV2-ji-tQXdO6R2NsBNgqcxecvzpMoR/view?usp=sharing

 

After pasting my identifier into the indicated string, my link is https://drive.google.com/uc?export=view&id=1yKV2-ji-tQXdO6R2NsBNgqcxecvzpMoR. I added this to my cache page by clicking on the link icon and pasting the link into the URL field. After this it just shows up as a link (with the text above shown, not the gif). 

Edited November 20, 2023 by hollandweavers