Botones de compartir social personalizados con JavaScript y HTML5-Sharer. js

Vista prévia

Descripción

Sharer. js es una biblioteca de JavaScript que agrega la función social Sharing a cualquier elemento DOM (botones, enlaces, etc.). Todos los parámetros se pueden pasar a través de HTML5 datos atributos.

Supported social media websites:

• Twitter
• Facebook
• Linkedin
• Google Plus
• Correo electrónico
• Whatsapp
• Telegrama
• Viber
• Pinterest
• Tumblr
• HackerNews
• Reddit
• VK.com
• Búfer
• Xing
• Línea
• Instapaper
• Bolsillo
• Digg
• Stumbleupon
• Flipboard
• Weibo
• Renren
• Myspace
• Blogger
• Baidu
• Ok.ru

Funcionamiento

Sólo tiene que incluir la biblioteca Sharer. js en su página web y estamos listos para ir.

<script src="path/to/sharer.min.js"></script>

Agrega la clase CSS requerida ' Sharer ' a tu elemento y crea un botón personalizado de Facebook.

<button class="sharer"




data-sharer="facebook"




 Data-URL="https://google.com">




Share on Facebook
</button>

Personalice los vínculos de compartir en redes sociales con los siguientes atributos de datos HTML5.

• Data-width: ancho de popup
• Data-height: altura del popup
• Data-title
• Data-URL
• data-via: for Twitter and Búfer
• datos-hashtags: para Twitter
• datos a: para el correo electrónico
• Data-Subject: para correo electrónico
• imagen de datos: para Pinterest, Weibo y VK
• Data-Description: para Pinterest, Instapaper, blogger y MySpace
• Data-Caption: para Tumblr y VK
• Etiquetas de datos: para Tumblr
• imagen de datos: para mantequilla
• Data-appkey: para Weibo
• Data-ralateuid: para Weibo

Registro de cambios

v0.3.8 (04/08/2018)

• actualizar

v0.3.7 (03/29/2018)

• actualizar

v0.3.6 (92/26/2018)

• actualizar

v0.3.5 (11/01/2018)

• actualizar

v0.3.4 (10/23/2018)

• usando hashtag para Facebook share. Extracción de G +

v0.3.3 (08/07/2018)

• Utilice el atributo Data-Sharer en lugar de la clase redundante