Переглядаючи простори інтернету, я натрапив на цікавий сервіс Uptolike, за допомогою якого можна створити скрипт соціальних кнопок. Це своєрідний конструктор із великою кількістю налаштувань: можна вибрати, які кнопки соцмереж показувати на сайті, визначити їх форму й розмір, встановити біля них лічильник, задати стиль, розташування блока — вертикальне або горизонтальне — і навіть вибрати ефект під час наведення.
Але на цьому можливості вебпроєкту не закінчуються: тут же користувач може створити модуль рейтингу, що відображає популярність того чи іншого матеріалу. Таким чином відвідувачі зможуть орієнтуватися в популярності публікацій і віддавати перевагу тим чи іншим дописам.
І це ще не все. Познайомившись із сервісом ближче, я дійшов висновку, що Uptolike — справжній «монстр», орієнтований на просування вебресурсів через встановлення різних віджетів: «Лайки», «Підписатися на групу», «Поділитися картинкою». Платформа також пропонує готові рішення — плагіни у вигляді Share-кнопок, які можна встановити на сайт у кілька кліків.
Перейшовши на головну сторінку Uptolike й побачивши статистику встановлення соціальних кнопок цього сервісу, важко не замислитися про використання подібного скрипту на власному сайті.
Зважаючи на те, що сервіс надає асинхронний код, який, за заявою сервісу, не впливає на завантаження сторінок сайту, можна замінити старі соціальні кнопки новими.
Сервіс Uptolike — особливості
— Інтуїтивно зрозуміла панель налаштування кожного блока й модуля.
— Багато безкоштовних готових рішень в одному місці.
— Можливість відстежувати соціальну активність на сайті: відвідувачів, перегляди, кількість читачів, які натиснули кнопку «Поділитися», і залучених користувачів.
— Асинхронний код.
— Гнучке налаштування кожного елемента, що дає змогу підлаштувати блок під дизайн сайту.
— Естетичний вигляд сформованого блока.
Uptolike — налаштування блока кнопок соціальних мереж, рейтингу статей та інших віджетів
Припустімо, усе сказане вище переконало вас встановити один із лічильників, модулів або блоків сервісу.
Оскільки процес роботи з конструктором практично однаковий незалежно від типу віджета, розглянемо налаштування блока соціальних кнопок.
Спочатку перейдіть за посиланням і ознайомтеся з інтерфейсом сайту. Прокрутивши сторінку вниз, ви побачите відповідну панель.
Конструктор дуже простий, тому зібрати кнопки соціальних мереж відповідно до власних уподобань нескладно. Цьому сприяє й велика кількість налаштувань:
— Соціальні мережі. Тут можна вибрати кнопки поширення, які ви хочете бачити на сайті.
— Мобільний вигляд. Для налаштування достатньо натиснути «Налаштувати соціальні мережі» й вибрати потрібні кнопки зі списку. Також можна увімкнути адаптацію для мобільних пристроїв.
— Додаткові налаштування. Цей розділ поділяється на чотири вкладки:
1. Цитування. Дає змогу виділити фрагмент тексту, що сподобався, і поділитися ним у соцмережах.
2. Кнопка «Вгору». Повертає користувача до верхньої частини сторінки.
3. Вимкнути кнопку. Прибирає додаткову кнопку вибору інших соціальних сервісів.
4. Показувати спливаюче вікно з пропозицією підписатися. На мій погляд, це корисна опція для залучення додаткової аудиторії через пропозицію підписатися на ваші групи в соцмережах. Пункт актуальний, якщо такі групи у вас є. Для прив’язки потрібно вказати ідентифікатор групи у відповідному полі.
Важливий момент! Через появу в соціальних сервісах красивих URL звичайний числовий ID групи VK у моєму випадку не дав бажаного результату. Якщо адреса групи виглядає так: https://vk.com/stimylrostacomua, як ідентифікатор потрібно було вказати «stimylrostacomua» — символи після слеша.
— Розташування блока. Передбачено два варіанти: у контенті або збоку.
— Зовнішній вигляд. Дає змогу вибрати розмір і форму кнопок.
Крім перелічених параметрів, не забудьте відкрити «Ще налаштування»: тут можна задати стиль, ефект під час наведення, увімкнути лічильник, вибрати колір кнопок, фон тексту й лічильника.
Потрібно віддати належне розробникам Uptolike: для наочності вони дали можливість одразу бачити зміни дизайну кнопок у процесі налаштування.
Після складання блока натискаємо «Згенерувати код» і у спливаючому вікні вводимо адресу електронної пошти та URL сайту.
Після цього відбудеться реєстрація в сервісі й стане доступним функціонал моніторингу соціальної активності на сайті. У супровідному листі буде вказано логін і пароль, який можна змінити. Увійшовши до особистого кабінету, ви зможете стежити за соціальною активністю.
Але спочатку встановимо код соціальних кнопок, який можна знайти в особистому акаунті за шляхом «Налаштування коду / Згенерувати код».
Встановлення коду Uptolike на сайт Joomla
Рекомендую попередньо встановити редактор JCE і безкоштовне розширення Modules Anywhere, яке дає змогу вставляти модуль у потрібне місце сайту.
Для встановлення скрипту потрібно авторизуватися в адмінпанелі Joomla та перейти до менеджера модулів.
Натискаємо «Створити» і серед типів модулів вибираємо «HTML-код».
Заповнюємо поле «Заголовок», у полі «Позиція» вказуємо нову позицію, наприклад «text». Для «Показувати заголовок» вибираємо «Приховати», а стан встановлюємо «Опубліковано».
Далі потрібно перейти з візуального режиму редактора JCE до режиму коду, натиснувши кнопку «Code». У вільне поле вставляємо код, згенерований Uptolike.
Щоб вивести блок під текстом статті, можна відкрити потрібний матеріал, перейти до нижньої частини редактора, натиснути кнопку «Module» і вибрати зі списку модуль із заданою позицією. У цьому прикладі це «text».
Окрім цього способу, замість кнопки «Module» наприкінці статті можна використовувати конструкцію {module}, вказавши після неї назву потрібної позиції.
Дякую за увагу і до зустрічі на сторінках StimylRosta.
