Facebook and Twitter Share Buttons for Dynamic Content
Budget: $10 – $30 USD
I am working on a single page application question and answer site where it will list many different questions and answers. I want to attach a social share button for each item which when pressed will pop-up a facebook and twitter icon. When either icon is clicked it will dynamically transfer the specific title/description/image/url to the facebook or twitter share popup. The url is also a custom dynamic url. All of the info is dynamic and specific to the object.
if you go to https://www.quora.com/ and just choose a question/answer and click the share you will see exactly what I want. It will share the image,title,url. I would also like to share the description. I have not found a way to modify the open graph data before sending to facebook for sharing. Do you have a way? It seems like Quora has figured out a way.
Seems like facebook used to allow dynamic overrides of open graph data, but has disallowed that now. See https://drib.tech/programming/dynamically-change-facebook-open-graph-meta-data-javascript He cites since 2019 it does not work anymore. How does Quora do it? Seems like they have a method.
The deliverable is to provide a sample code structure which will allow the social sharing to happen based on dynamic generated data same as in Quora.com. Then I can integrate this code to my objects that need sharing. My site is based on PHP and JQuery/Bootstrap 4/FontAwesome, so stay with that as much as possible.
THOUGHTS
Ideally you are familiar with developing facebook and twitter share buttons that can accommodate dynamic content using Open Graph and not just the page URL.
if you go to https://www.quora.com/ and just choose a question/answer and click the share you will see exactly what I want. It will share the image,title,url. I would also like to share the description. I have not found a way to modify the open graph data before sending to facebook for sharing. Do you have a way? It seems like Quora has figured out a way.
Seems like facebook used to allow dynamic overrides of open graph data, but has disallowed that now. See https://drib.tech/programming/dynamically-change-facebook-open-graph-meta-data-javascript He cites since 2019 it does not work anymore. How does Quora do it? Seems like they have a method.
The deliverable is to provide a sample code structure which will allow the social sharing to happen based on dynamic generated data same as in Quora.com. Then I can integrate this code to my objects that need sharing. My site is based on PHP and JQuery/Bootstrap 4/FontAwesome, so stay with that as much as possible.
THOUGHTS
Ideally you are familiar with developing facebook and twitter share buttons that can accommodate dynamic content using Open Graph and not just the page URL.