Mastodon
/
shareon-pulsanti-condivisione-social
mirror of https://github.com/NickKaramoff/shareon
1
0
Fork 0
Code Issues Releases Wiki Activity

Deploy to GitHub pages

This commit is contained in:
github-actions[bot] 2020-09-28 12:00:23 +00:00 committed by GitHub
parent f91c464bf5
commit 8319cf6fd8
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -69,7 +69,7 @@
<a class="facebook"></a>
<a class="linkedin"></a>
<a class="mastodon"></a>
<a class="messenger"></a>
<a class="messenger" data-fb-app-id="3619024578167617"></a>
<a class="odnoklassniki"></a>
<a class="pinterest"></a>
<a class="pocket"></a>
@ -188,7 +188,8 @@ shareon();</code></pre>
&lt;a class="facebook"&gt;&lt;/a&gt;
&lt;a class="linkedin"&gt;&lt;/a&gt;
&lt;a class="mastodon"&gt;&lt;/a&gt;
&lt;a class="messenger"&gt;&lt;/a&gt;
&lt;!-- FB App ID is required for the Messenger button to function --&gt;
&lt;a class="messenger" data-fb-app-id="0123456789012345"&gt;&lt;/a&gt;
&lt;a class="odnoklassniki"&gt;&lt;/a&gt;
&lt;a class="pinterest"&gt;&lt;/a&gt;
&lt;a class="pocket"&gt;&lt;/a&gt;
@ -203,7 +204,7 @@ shareon();</code></pre>
<a class="facebook"></a>
<a class="linkedin"></a>
<a class="mastodon"></a>
<a class="messenger"></a>
<a class="messenger" data-fb-app-id="3619024578167617"></a>
<a class="odnoklassniki"></a>
<a class="pinterest"></a>
<a class="pocket"></a>
@ -243,6 +244,7 @@ shareon();</code></pre>
</p>
<ul>
<li>you <strong>have to</strong> add <code>data-fb-app-id</code> to the FB Messenger button to make sharing even possible</li>
<li>add <code>data-media</code> to an Odnoklassniki, Pinterest, or VK button to customize the pinned picture</li>
<li>add <code>data-text</code> to a WhatsApp, Mastodon, Telegram, or Viber button to add custom message text</li>
<li>add <code>data-via</code> to a Twitter or Mastodon button to mention a user</li>
@ -254,21 +256,21 @@ shareon();</code></pre>
<pre><code>&lt;div class="shareon" data-url="https://example.com/custom-url"&gt;
&lt;a class="facebook" data-title="Custom Facebook title"&gt;&lt;/a&gt;
&lt;a class="messenger" data-url="https://my-cool-website.com"&gt;&lt;/a&gt;
&lt;a class="messenger" data-fb-app-id="0123456789012345"&gt;&lt;/a&gt;
&lt;a class="pinterest" data-media="https://picsum.photos/500"&gt;Pin&lt;/a&gt;
&lt;a class="telegram" data-text="Check this out!"&gt;&lt;/a&gt;
&lt;a class="twitter" data-via="MyNickname"&gt;&lt;/a&gt;
&lt;a class="mastodon" data-text="Check this out!" data-via="@MyNickname@myserver.social"&gt;&lt;/a&gt;
&lt;a class="whatsapp"&gt;Send&lt;/a&gt;
&lt;a class="whatsapp" data-url="https://my-cool-website.com"&gt;Send&lt;/a&gt;
&lt;/div></code></pre>
<div class="shareon" data-url="https://example.com/custom-url">
<a class="facebook" data-title="Custom Facebook title"></a>
<a class="messenger" data-url="https://my-cool-website.com"></a>
<a class="messenger" data-fb-app-id="3619024578167617"></a>
<a class="pinterest" data-media="https://picsum.photos/500">Pin</a>
<a class="telegram" data-text="Check this out!"></a>
<a class="twitter" data-via="MyNickname"></a>
<a class="mastodon" data-text="Check this out!" data-via="@MyNickname@myserver.social"></a>
<a class="whatsapp">Send</a>
<a class="whatsapp" data-url="https://my-cool-website.com">Send</a>
</div>
</article>

2
shareon.min.js vendored
View File

@ -3,4 +3,4 @@
* https://shareon.js.org
*/
var shareon=function(){"use strict";var t={facebook:function(t){return"https://www.facebook.com/sharer/sharer.php?u="+t.url},linkedin:function(t){return"https://www.linkedin.com/shareArticle?mini=true&url="+t.url+"&title="+t.title},mastodon:function(t){return"https://toot.karamoff.dev/?text="+t.title+"%0D%0A"+t.url+(t.text?"%0D%0A%0D%0A"+t.text:"")+(t.via?"%0D%0A%0D%0A"+t.via:"")},messenger:function(t){return"https://www.facebook.com/dialog/send?app_id=3619024578167617&link="+t.url+"&redirect_uri="+t.url},odnoklassniki:function(t){return"https://connect.ok.ru/offer?url="+t.url+"&title="+t.title+(t.media?"&imageUrl="+t.media:"")},pinterest:function(t){return"https://pinterest.com/pin/create/button/?url="+t.url+"&description="+t.title+(t.media?"&media="+t.media:"")},pocket:function(t){return"https://getpocket.com/edit.php?url="+t.url},reddit:function(t){return"https://www.reddit.com/submit?title="+t.title+"&url="+t.url},telegram:function(t){return"https://telegram.me/share/url?url="+t.url+(t.text?"&text="+t.text:"")},twitter:function(t){return"https://twitter.com/intent/tweet?url="+t.url+"&text="+t.title+(t.via?"&via="+t.via:"")},viber:function(t){return"viber://forward?text="+t.title+"%0D%0A"+t.url+(t.text?"%0D%0A%0D%0A"+t.text:"")},vkontakte:function(t){return"https://vk.com/share.php?url="+t.url+"&title="+t.title+(t.media?"&image="+t.media:"")},whatsapp:function(t){return"https://wa.me/?text="+t.title+"%0D%0A"+t.url+(t.text?"%0D%0A%0D%0A"+t.text:"")}},e=function(){for(var e=document.getElementsByClassName("shareon"),r=0;r<e.length;r+=1)for(var n=e[r],i=0;i<n.children.length;i+=1){var o=n.children[i];if(o)for(var a=o.classList.length,u=0;u<a;u+=1){var l=o.classList.item(u);if(Object.prototype.hasOwnProperty.call(t,l)){var s={url:encodeURIComponent(o.dataset.url||n.dataset.url||window.location.href),title:encodeURIComponent(o.dataset.title||n.dataset.title||document.title),media:encodeURIComponent(o.dataset.media||n.dataset.media||""),text:encodeURIComponent(o.dataset.text||n.dataset.text||""),via:encodeURIComponent(o.dataset.via||n.dataset.via||"")},c=t[l](s);if("a"===o.tagName.toLowerCase())o.setAttribute("href",c),o.setAttribute("rel","noopener noreferrer"),o.setAttribute("target","_blank");else{o.addEventListener("click",function(t){return function(){window.open(t,"_blank","noopener,noreferrer")}}(c))}break}}}};return window.onload=function(){e()},e}();
var shareon=function(){"use strict";var t={facebook:function(t){return"https://www.facebook.com/sharer/sharer.php?u="+t.url},linkedin:function(t){return"https://www.linkedin.com/shareArticle?mini=true&url="+t.url+"&title="+t.title},mastodon:function(t){return"https://toot.karamoff.dev/?text="+t.title+"%0D%0A"+t.url+(t.text?"%0D%0A%0D%0A"+t.text:"")+(t.via?"%0D%0A%0D%0A"+t.via:"")},messenger:function(t){return"https://www.facebook.com/dialog/send?app_id="+t.fbAppId+"&link="+t.url+"&redirect_uri="+t.url},odnoklassniki:function(t){return"https://connect.ok.ru/offer?url="+t.url+"&title="+t.title+(t.media?"&imageUrl="+t.media:"")},pinterest:function(t){return"https://pinterest.com/pin/create/button/?url="+t.url+"&description="+t.title+(t.media?"&media="+t.media:"")},pocket:function(t){return"https://getpocket.com/edit.php?url="+t.url},reddit:function(t){return"https://www.reddit.com/submit?title="+t.title+"&url="+t.url},telegram:function(t){return"https://telegram.me/share/url?url="+t.url+(t.text?"&text="+t.text:"")},twitter:function(t){return"https://twitter.com/intent/tweet?url="+t.url+"&text="+t.title+(t.via?"&via="+t.via:"")},viber:function(t){return"viber://forward?text="+t.title+"%0D%0A"+t.url+(t.text?"%0D%0A%0D%0A"+t.text:"")},vkontakte:function(t){return"https://vk.com/share.php?url="+t.url+"&title="+t.title+(t.media?"&image="+t.media:"")},whatsapp:function(t){return"https://wa.me/?text="+t.title+"%0D%0A"+t.url+(t.text?"%0D%0A%0D%0A"+t.text:"")}},e=function(){for(var e=document.getElementsByClassName("shareon"),r=0;r<e.length;r+=1)for(var n=e[r],i=0;i<n.children.length;i+=1){var a=n.children[i];if(a)for(var o=a.classList.length,u=0;u<o;u+=1){var l=a.classList.item(u);if(Object.prototype.hasOwnProperty.call(t,l)){var s={url:encodeURIComponent(a.dataset.url||n.dataset.url||window.location.href),title:encodeURIComponent(a.dataset.title||n.dataset.title||document.title),media:encodeURIComponent(a.dataset.media||n.dataset.media||""),text:encodeURIComponent(a.dataset.text||n.dataset.text||""),via:encodeURIComponent(a.dataset.via||n.dataset.via||""),fbAppId:encodeURIComponent(a.dataset.fbAppId||n.dataset.fbAppId||"")},d=t[l](s);if("a"===a.tagName.toLowerCase())a.setAttribute("href",d),a.setAttribute("rel","noopener noreferrer"),a.setAttribute("target","_blank");else{a.addEventListener("click",function(t){return function(){window.open(t,"_blank","noopener,noreferrer")}}(d))}break}}}};return window.onload=function(){e()},e}();