Fix social share custom image on Contentful

[kkartunov]

Custom social share images are not working and need fix.

Code produces invalid image URLs:

which results in bad social sharing behavior.

[sandhiyakavi]

@kkartunov From the description, this issue seems to be existing when we try to share a thrive article/videos to Facebook, Twitter or LinkedIn (sample: https://www.topcoder.com/thrive/articles/figma-skillbuilder-lessons). can you please confirm ?

Also the thrive articles page seems to be not working in Dev Env, loading for a long time

[kkartunov]

Hello @sandhiyakavi, please note:

• Scope of this is on /community pages. Thrive is excluded also this test/dev env issue is not to be handled here.
• QA URL is this on BETA env - have just re-doloyed it for QA
• You sould use SocialSharePreview or other service to verify the fix. The QA URL has custom social share image set, should be certificate one.

Let me know if you need any help...

[sandhiyakavi]

Thanks @kkartunov. Issue verified in Beta Env. Below are the images displayed in various social sites (Facebook, Twitter, LinkedIn).

[sandhiyakavi]

Verified in Staging Env.