gmx9 / gmx-socials-js

Integrate Social Networks sharing in your website easily

gmx-socials-js

Integrate Social Networks sharing in your website easily with this javascript library.

How to use:

First, load the div with our class name:

     <!-- Socials will Load Here-->
    <div class="gmx_inline-socials"></div>

Second, load gmx-socials.js:

     <!-- jQuery first, then gmxsocials.js-->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script type="text/javascript" type="" src="https://cdn.jsdelivr.net/gh/GMX9/gmx-socials-js/gmx-socials.js"></script>

Finally, set the socials you want to use and style of buttons:

    <!-- Config your socials and link here -->
    <script>
    // Social Name => Link
    var socials = [
       'Facebook',
       'Twitter',
       'Linkedin',
       'Tumblr',
       'VK',
       'Pinterest',
       'WhatsApp',
       'Telegram'
     ];
     
     /*
     Buttons Style
     Styles avaliable
     1-> "default"
     2-> "icon_squared"
     3-> "icon_rounded"
     */
     
     var style = "icon_rounded"
     
     let s = new gmx_socials(socials,style);
    </script>