Gab Help Guides

Gab Social's "Share to Gab" Link For Your Website

Last updated: Feb 7, 2021 10:51 PM

If you have a web site or blog, you can create a "Share to Gab" link.  This will enable a web site operator to include the 'share' link on your pages for your readers to share your article back to gab.com.

HTML/CSS code to provide a link to Gab from your web site:
<html>
  <head>
    <title>Share Button Testing Page</title>
    <meta name="description" content="The Gab Social share button demo and testing page.">
  </head>
  <body>

    <style type="text/css">
      a.gab-share-btn {
        display: inline-block;
        padding: 8px 12px;
        background: #00d178;
        color: #ffffff;
        border: solid 1px transparent;
        border-radius: 8px;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-decoration: none;
        font-weight: bold;
        font-size: inherit;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      a.gab-share-btn:hover {
        border-color: black;
      }
      a.gab-share-btn:active {
        border-color: #e8e8e8;
        background: #01854b;
        box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
      }
    </style>

    <a
      id="gab-share-btn"
      class="gab-share-btn"
      title="Share to Gab"
      target="_blank"
    >Share to Gab</a>

    <script>
      (async function ( ) {
        const button = document.getElementById('gab-share-btn');
        const title = document.querySelector('head title');
        if (!title) { button.setAttribute('hidden', true); }
        let description = document.querySelector('head meta[name="description"]');
        let text = title.textContent + '\n';
        if (description) { text += description.getAttribute('content') + '\n\n'; }
        button.setAttribute('href', `https://gab.com/compose?url=${encodeURIComponent(window.location.href)}&text=${encodeURIComponent(text)}`);
      })();
    </script>    

  </body>
</html>

The Gab logo is available here:
https://gab.com/about/assets

Examples:
image.png 1.87 KB

Epoch Times Share Link     
Share to Gab link.png 13.36 KB
May12, 2021

Can't find what you're looking for?

We'll help you find the answer or connect with support.

Contact Us