Issue with embedding image from Google Drive using Custom Visual Content widget

I have been embedding images hosted in a Google Drive onto Quicksight dashboards for quite some time now by using the Custom Visual Content widget and changing the embed link to this format: https://drive.google.com/uc?export=view&id=[image_id].

However, over the past 24hrs, I have not been able to embed images in this way. I am consistently getting this error: “This URL does not appear to be an image. Update the URL to an image.”

What may be causing this issue? Is this something that is a bug on Quicksight or is this an issue with Google Drive?

Any potential solutions or suggestions would be very helpful.

1 Like

Hi @Alsaks,

Thank you for letting us know, I’ve not tried embedding Google Drive images in this way before, so I ran a quick test with an image and shared it publicly, it had a different URL of https://drive.google.com/file/d/XXXX/view?usp=drive_link, but this also returned the error you reported.

I would recommend filing a case with AWS Support where we can dive into the details so that we can help you further. Here are the steps to open a support case. If your company has someone who manages your AWS account, you might not have direct access to AWS Support and will need to raise an internal ticket to your IT team or whomever manages your AWS account. They should be able to open an AWS Support case on your behalf. Hope this helps!

Regards,
Andrew

Hey Andrew @abacon ,

Thank you for your response. The link format you sent has never worked for that widget. The work around was you would need to take the file ID from the link you sent and add it in place of the [image_id] on the link format I shared in the original post. I’ve been using this method for over a year with no issues. Embedding a Google Drive image in HTML - DEV Community

I work at Amazon, so if there is an internal link I need to use, you can send it to me via email/slack/chime.

Do you know of any potential other ways of we can host images in a Quicksight dashboard? Is it possible through WorkDocs or would I need to upload them to an S3 bucket? Appreciate your help.

Best,

Andres

1 Like

Also having this same issue are there any updates?
I have been using the embed link in this format: [https://drive.google.com/uc?export=view&id=[image_id] with no issues until the last few days. Suddenly, none of my images will load.

Are there other potential ways we can host images?

Thanks,
Kristina

1 Like

Hi @kristina.meadows & @Alsaks,

This may be due to recent (2nd Jan 2024) Google Drive changes detailed here and here, but I will attempt to confirm this.

As a possible workaround, I was able to get the image to display by using the following link format:
https://drive.google.com/file/d/<IMAGEID>/preview
And disabling the “Show as image” toggle as shown below
image

Regards,
Andrew

Hi Abacon,
Confirming this link format did work, at least until Google changes something else! Thank you.
Kristina

1 Like

Hi @kristina.meadows & @Alsaks,

Following-on, I’ve just found another workaround, detailed here under section “3. Generate Link” is a tool that provides an image URL that (from a quick test) does render in the custom visual with the “Show as image” toggle selected.

Though, as @kristina.meadows mentioned, the availability of this link would be subject to change.

Regards,
Andrew

Hey @abacon,

Thank you for your continued support on this issue! The second workaround does appear to be the solution, the first option did not work for me.

In order to avoid imputing the link into a third-party website, I’ve followed the instructions found here

My workaround is to upload the images to Google Photos, not Google Docs. Then open the image you want to embed, right click and select “Copy Image URL” or “Copy Image Location.” That should generate a long link that starts with this format: https://lh3.googleusercontent.com/

Tested it and it worked in Quicksight. Thank you for all the help!

Best,

Andres

1 Like

Hey @abacon,

Hope all is well. It appears that “fix” for this issue no longer works. Do you have any ideas into some other potential work arounds? Ideally, a future version of quicksight would let us natively host an image within a dashboard rather than it being a url link…

Appreciate any help you can give here.

Best,

Andres

Hi @Alsaks. I heard this from one of our SAs.

IIRC this is due to changes made by Google on how images are accessed…and we would need a change to allow QuickSight to present Google hosted images.

I am marking this as a feature request.

@abacon