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

Tiempo de ejecución: 30 minutos. Empezar

Autor: ellisonleao
Views Total: 3,589
Sitio oficial: Ir a la web
Actualizado: April 8, 2019
Licencia: GPL-3.0

Vista prévia

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

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

Te puede interesar: