Як створити кнопку поділитися.
Відео: Як зробити кнопку поділитися в меню групи | 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