Як створити кнопку поділитися.
Відео: Як зробити кнопку поділитися в меню групи | FAQ
Всім привіт! У цій статті ми розглянемо невелику і просту jаvascript бібліотеку Sharer.js, яка дозволить вам створювати свої власні кнопки "поділитися".
Зараз на багатьох сайтах ви можете зустріти кнопки "поділитися", які дозволяють розповісти друзям про якийсь записи в різних соціальних мережах. Це досить зручно, і тому була створена Sharer.js - jаvascript бібліотека, яка дозволить вам дуже швидко і просто створювати свої власні настріваемие кнопки "поділитися" для більш ніж 20 соціальних мереж! Окремим плюсом даної бібліотеки буде те, що вона не має залежностей і досить мало важить.
Отже, що вам потрібно зробити, щоб почати користуватися?
1) Зайдіть на офіційний сайт
2) Встановіть бібліотеку, використовуючи NPM, Bower або скачавши її самостійно
npm install sharer.js // NPM
bower install sharerjs // Bower 3) Підключіть останню стислу версію на сайт
Відео: Кнопка "Розповісти друзям" або "Поділитися" (Урок Telegram)
або використовуйте CDN
Якщо ви використовуєте Meteor, можете зробити так
meteor add ellisonleao:sharerjs Тепер давайте розглянемо, як додати кнопку "поділитися" для ВКонтакте
Відео: Додаємо віджет ВК і "соціальні кнопки" на сайт wordpress
class="Sharer button"data-sharer="Vk"data-caption="Sharer.js is the ultimate sharer js lib"data-title="Checkout Sharer.js!"data-url="Https://ellisonleao.github.io/sharer.js/"gt;Share on VKВи можете використовувати такі атрибути:
- data-url
- data-title
- data-image(Необов`язково) - посилання на картинку
- data-caption(не обов`язково)
От і все! Кнопки для інших соціальних мереж створюються аналогічним чином.
Відео: Як поділитися відео з youtube
А у мене на цьому все. Сподіваюся, бібліотека стане вам у пригоді! Дякую за увагу!
Як зробити 3d модель об`єкта на jаvascript.
Як зробити область малювання на jаvascript.
Як зробити попередній перегляд зображень на jаvascript.
Як зробити поля з плаваючими мітками на jаvascript.
Як візуалізувати графіки і зробити їх інтерактивними на jаvascript.
Коли варто використовувати jquery
Як визначити силу натискання на пристрій.
Як відстежувати позицію мишки на jаvascript.
Як візуалізувати дані на jаvascript.
Перевірка складності пароля на jаvascript
Бібліотека для швидкого написання формул на jаvascript.
Ефект плавного перегортання на jаvascript.
Jquery lightgallery - плагін для створення галерей.
jаvascript бібліотека dynamo.js
Scripty2 - jаvascript бібліотека для приголомшливих анімацій.
Бібліотека вибору дати на jаvascript.
Зміна кольору кнопки
Бібліотека shine.js. Робимо динамічні тіні.
jаvascript бібліотека is.js.
Перетворення коду з es6 в es5.
Миготлива кнопка jаvascript
Як зробити поля з плаваючими мітками на jаvascript.
Як визначити силу натискання на пристрій.
Бібліотека для швидкого написання формул на jаvascript.