Barra de compartir social personalizable en JavaScript-share-bar

Vista prévia

Descripción

Share-bar es una biblioteca JavaScript libre de dependencias que te ayuda a generar una barra de social share para tus publicaciones, artículos y páginas.

Social networks supported:

• Facebook
• Twitter
• Pinterest
• Google Plus
• Whatsapp
• Telegrama
• Y el correo electrónico

Funcionamiento

Inserte el recurso compartido . bar. CSS y share. bar. js en la página HTML.

<link rel="stylesheet" href="share.bar.css">
<script src="share.bar.js"></script>

Inicializa la librería e inserta tu propio AppID de Facebook:

new ShareBar({


'facebookAppId': YOUR APP ID HERE
});

Cree la barra de acciones sociales en la página.

• datos-URL: URL para compartir
• Data-title: title para compartir
• Data-Image-URL: imagen para compartir
• Data-hashtags: Tags para compartir
• Data-Theme: luz oscura, mínima o mínima

<div class="share-bar"



data-url="https://wikicss.com"



data-title="JavaScript and CSS"



data-image-url="http://lorempixel.com/400/400/"



data-hashtags="#javaScript #css">
</div>

Todas las opciones de configuración predeterminadas para personalizar la barra de acciones sociales.

// Selector to open lightbox
selector: '.share-bar',
campaign: 'share-bar',
classPopup: 'share-popup',

// Facebook App ID
facebookAppId: '',
networks: [

FACEBOOK, TWITTER, WHATSAPP, GOOGLE, PINTEREST, EMAIL
],

// dark, minimal or minimal-light
theme: 'natural',

// social button options
buttonWidth: 34,
buttonFullWidth: 110,
buttonPadding: 4,
maxSocialButtons: 6,

// or 'mobile'
context: 'desktop',

// callbacks
onCreateBar: function (bar) { return false; },
onCreateButton: function (button) { return false; },
onShare: function (button) { return false; }

Registro de cambios

10/11/2018

• Mantenga los nombres de red seleccionados en una instancia de activeNetworks var