Contentful logo

Contentful Community

How to do a tracking/tracing when images are not provided by contentful

webapp
#1

Hi!!

We are requesting some images to contentful and time to time the images are not served. So our page can’t show the images and the result is a really a bad user experience.
The point is how we can track this problem, I mean, does contentful provide any tool or any way to know why an image is not served?. For instance, a log where we can see if there was a 500 error or similar. How can we handle this kind of problems?

Regards!

0 Likes

#2

Hi Antonio,

Could you explain how exactly you’re requesting these images? Are you using their actual URLs or are you getting the URLs indirectly from the JSON response of their assets?

0 Likes

#3

Hi Gabriel!
We are using the url that contentful provides us, nothing special.
I’ll send you one example of how we using it, but up to now it was always working well.

img src="//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=928" srcset="//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=300 300w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=400 400w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=500 500w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=600 600w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=700 700w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=725 725w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=800 800w,
//images.ctfassets.net/g1hd86g4ips4/kMUfC6WBIkuUeUQ8cEuM/9041202024903ac9c147144baa4b1e71/2018_06_Hills_SciencePlan_Bonusbag_CD_WKZ_1000x320_FI_1_banner2.png?fm=jpg&fl=progressive&w=928 928w" sizes="(min-width: 992px) 725px,
(max-width: 991px) 100vw" alt=“Hill_SciencePlan”>

0 Likes

#4

Hi Gabriel

<div class=“promotion-banners-wrapper”>
<a class=“promotion-banner left-promotion-banner” href="/shop/katzen/katzenfutter_dose/royal_canin_katzenfutter?utm_source=zooadserver&utm_medium=homepage&utm_campaign=1-rc_birthday_20perc_wetfood_cat-22102018&utm_content=cat_food&utm_term=l_sidebanner&utm_supp=royal_canin&utm_promo=de0765">
<div style=“box-shadow: inset -45px 0px 40px -30px rgba(50,50,50,0.3);position: absolute;height: 100%;width: 100%;”></div>
<img src=“https://media.mediazs.com/bilder/1/2018_10_RC_50Years_left_290x500_DE_1.jpg">
</a>
<a class=“promotion-banner right-promotion-banner” href=”/shop/hunde/hundefutter_nassfutter/royal_canin?utm_source=zooadserver&utm_medium=homepage&utm_campaign=1-rc_birthday_20perc_wetfood_dog-22102018&utm_content=dog_food&utm_term=r_sidebanner&utm_supp=royal_canin&utm_promo=de0078">
<div style=“box-shadow: inset 45px 0px 40px -30px rgba(50,50,50,0.3);position: absolute;height: 100%;width: 100%;”></div>
<img src="https://media.mediazs.com/bilder/1/2018_10_RC_50Years_right_290x500_DE_1.jpg">
</a>
</div>

0 Likes

#5

Hi Gabriel!
does contentful have any known problem about the progressive loading images?
or
does contentful have any known CDN problem for serving the images in some cases?

Regards!

0 Likes

#6

Hi @antonio.martinmoreno,

I was able to retrieve these images in a variety of ways without any issues. Could you try this under a different network and browser and let us know if it works? Is it possible that you’re using a proxy or firewall that could be impacting this?

0 Likes

#7

Hi Gabriel!
We’ll try as you say.

0 Likes