How to deliver messages to social media page

I am building random quote machine with SNS function so that you can share it with other people. I know that the social media button is not just a link leading to the web site of each social media. How can I make it leads you to the text upload page with current quote together?

you can check my quote machine here:
https://codepen.io/Amasian/pen/jzpMOb?editors=1010

Thank you for your time and attention!

For facebook, you need to use the API provided on

For sharing on the web:
https://developers.facebook.com/docs/sharing/web

there are opengraph meta tags you can also embed on your webpage to have more control over what data you pass to facebook, as opposed to facebook just trying to decipher your page (which it may pick the wrong image or Title to use for the share post)

They look like these:

  <meta property="og:url"           content="https://www.yourwebsite.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="My Website Name" />
  <meta property="og:description"   content="Your website description... " />
  <meta property="og:image"         content="https://www.yourwebsite.com/path/image-to-go-along-with-this-page-content.jpg" />

For twitter, it’s a bit easier

https://dev.twitter.com/web/tweet-button