title: How to share the current page with the Facebook, Twitter, Whatsapp and Messenger share button?
body: <p>I have added the Facebook, WhatsApp, Twitter and Messenger share buttons to my webpage. However all the buttons share a specific link, what I would like is for the buttons to share the page that they are currently on, I have tried some suggestions which I have found on stack overflow but they have either not worked or not been suitable for what I am trying to achieve. Any suggestions would be great thank you! </p>
  
  <p>My code:</p>
  
  <pre><code>    &lt;script async defer crossorigin="anonymous"src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&amp;version=v4.0"&gt;&lt;/script&gt;
      &lt;script async src="https://platform.twitter.com/widgets.js" charset="utf-8"&gt;&lt;/script&gt;
  
      &lt;div id="fb-root"&gt;&lt;/div&gt;
  
      &lt;a data-href="https://example.com" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2F&amp;amp;src=sdkpreparse" class="fb-xfbml-parse-ignore"&gt;
      &lt;/a&gt;
  
      &lt;a href=”fb-messenger://share/?link= https%3A%2F%2Fexample.com&amp;app_id=000000000”&gt;
      &lt;/a&gt;
  
  
      &lt;a data-href="https://example.com" href="https://twitter.com/share?ref_src=twsrc%5Etfw"&gt;
      &lt;/a&gt;
  
  
      &lt;a href="https://web.whatsapp.com/send?text=example.com" data-action="share/whatsapp/share"&gt;
      &lt;/a&gt;
  </code></pre>