☰

Share Everywhere

Share the current page in various social network

  1. // ==UserScript==
  2. // @name         Share Everywhere
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Share the current page in various social network
  6. // @author       Pedro Antônio
  7. // @match        http://*/*
  8. // @match        https://*/*
  9. // @grant        none
  10. // @require https://code.jquery.com/jquery-3.2.1.min.js
  11. // @icon http://www.iconarchive.com/download/i85618/graphicloads/100-flat/share-2.ico
  12.  
  13.  
  14.  
  15. // ==/UserScript==
  16.  
  17. (function() {
  18.     'use strict';
  19.  
  20.     // Your code here...
  21.     var titulo = document.title;
  22.     $('head').append('<link rel="stylesheet" href="https://codepen.io/pedropamn/pen/mBMpZB.css" />');
  23.     $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">');
  24.     var url = window.location.href;
  25.  
  26.     var sharers = {
  27.         facebook:'https://www.facebook.com/sharer.php?u='+url,
  28.         twitter: 'https://twitter.com/intent/tweet?url='+url+'&text='+titulo+'',
  29.         gplus:'https://plus.google.com/share?url='+url,
  30.         whatsapp:'whatsapp://send?text='+url,
  31.         linkedin:'https://www.linkedin.com/shareArticle?url='+url+'&title='+titulo,
  32.         tumblr:'https://www.tumblr.com/widgets/share/tool?canonicalUrl='+url+'&title='+titulo+'&caption='+titulo,
  33.         evernote:'http://www.evernote.com/clip.action?url='+url,
  34.         telegram: 'https://t.me/share/url?url='+url+'&text='+titulo
  35.     };
  36.  
  37.     var html = '<div class="fabs">'+
  38.         '<a href="'+sharers.gplus+'" target="_blank" class="fab red" tooltip="Google Plus"><i class="sec zmdi zmdi-google-plus animated"></i></a>'+
  39.         '<a href="'+sharers.twitter+'" target="_blank" class="fab light-blue" tooltip="Twitter"><i class="sec zmdi zmdi-twitter animated"></i></a>'+
  40.         '<a href="'+sharers.facebook+'" target="_blank" class="fab indigo" tooltip="Facebook"><i class="sec zmdi zmdi-facebook animated"></i></a>'+
  41.         '<a href="'+sharers.whatsapp+'" target="_blank" class="fab green" tooltip="Whatsapp"><i class="sec zmdi zmdi-whatsapp animated"></i></a>'+
  42.         '<a href="'+sharers.linkedin+'" target="_blank" class="fab blue" tooltip="Linkedin"><i class="sec zmdi zmdi-linkedin-box animated"></i></a>'+
  43.         '<a href="'+sharers.tumblr+'" target="_blank" class="fab indigo" tooltip="Tumblr"><i class="sec zmdi zmdi-tumblr animated"></i></a>'+
  44.         '<a href="'+sharers.evernote+'" target="_blank" class="fab green" tooltip="Evernote"><i class="sec zmdi zmdi-evernote animated"></i></a>'+
  45.         '<a href="'+sharers.telegram+'" target="_blank" class="fab blue" tooltip="Telegram"><i class="sec zmdi zmdi-mail-send animated"></i></a>'+
  46.         '<a target="_blank" class="fab red" tooltip="Share"><i class="prime zmdi animated rotateIn zmdi-plus"></i></a>'+
  47.         '</div>';
  48.  
  49.  
  50.     $('body').append(html);
  51. })();