Improve our Open Social Sharing Preview

chaynHQ / bloom-frontend

Code for the for the frontend of the Bloom service.

https://bloom.chayn.co/

MIT License

27 stars 45 forks source link

Improve our Open Social Sharing Preview #916

Closed eleanorreem closed 3 months ago

eleanorreem commented 3 months ago

Overview

Currently our socail share preview isn't up to scratch. We want to improve this. When we share bloom on facebook or twitter or whatsapp we want an image and description to come up.

Action Items

[ ] Add the image below to the root directory.
[ ] Go to bloom-frontend/components/head/OpenGraphMetadata.tsx
[ ] Update both general and twitter descriptions to be: Join us on your healing journey. Bloom is here for you to learn, heal and grow towards a confident future. It is bought to you by Chayn, a global non-profit, run by survivors and allies from around the world.
[ ] Test social sharing on facebook, twitter and whatsapp to see what it looks like.

Resources/Instructions

Image preview: bloom_socials_preview

anmol-fzr commented 3 months ago

I would like to contribute on this issue please assign me this issue

kyleecodes commented 3 months ago

Hey @anmol-fzr! Thank you for your interest in contributing to Chayn. Sorry this issue is reserved for Chayn's current open-source volunteer cohort. We need to keep issues open for this program for the next month. You can check back in three weeks for more open issues! Thanks again for your interest. See our Getting Involved Guide for other ways to contribute to Chayn.

ckirby19 commented 3 months ago

Hello, I am part of the open-source volunteer cohort and would like to work on this issue, thank you :)

github-actions[bot] commented 3 months ago

Thank you for your interest in contributing to Chayn! Please carefully read the CONTRIBUTING.md file and the README.md file for guidance. Let us know if you have any questions. Good luck!

kyleecodes commented 3 months ago

@ckirby19 you have been assigned!

ckirby19 commented 3 months ago

Hi, I have updated the descriptions, but I am not entirely sure how social sharing can be tested locally, since I can only see previews when I use https://bloom.chayn.co/ in a twitter/facebook post. Also, the attached image was already in public/bloom_socials_preview.png, so I have only updated the description.

Finally, does the "Chayn" part of the general and twitter descriptions need to link to https://www.chayn.co/ ?

eleanorreem commented 3 months ago

Hiya thanks for your contribution! I've merged your changes - thank you! I think there is a wider issue with the Open Graph Metadata setup in Bloom as the image doesn't seem to be served correctly even though it is available 😢

I am going to write a separate issue/ bug report because it is a bigger issue than previously specified in this ticket.

I've found this stackoverflow about how to look at Open Graph Metadata locally. Might be useful in the future!