Кнопки «Поділитися» залишаються корисним елементом інформаційного сайту: з їхньою допомогою відвідувач може швидко надіслати посилання на статтю в месенджер, соціальну мережу або електронною поштою. Вони самі по собі не гарантують зростання трафіку чи позицій, але спрощують поширення справді корисного контенту та роблять сайт зручнішим для читача.
У Joomla для цього не обов’язково вручну вставляти сторонні скрипти в кожен матеріал або редагувати файли шаблону. Набагато зручніше використовувати content-плагін, який автоматично виводить потрібні кнопки й дає змогу керувати ними з адміністративної панелі.
Навіщо потрібні кнопки «Поділитися»
Основне завдання соціальних кнопок — скоротити шлях між прочитанням статті та її надсиланням іншій людині. Замість копіювання адреси сторінки, відкриття застосунку та ручного вставлення посилання читач отримує готову кнопку потрібного сервісу.
Найпомітнішу користь такий блок може дати матеріалам, які хочеться зберегти або переслати: інструкціям, оглядам, добіркам, чек-листам, корисним порадам та іншим практичним публікаціям.
- Швидке надсилання посилання. Читач ділиться матеріалом у кілька кліків.
- Додаткове охоплення. Стаття може отримати переходи з месенджерів, соцмереж та електронної пошти.
- Зручність на мобільних пристроях. Особливо корисні кнопки месенджерів, якими користувачі постійно користуються зі смартфона.
- Менше зайвих дій. Не потрібно вручну виділяти та копіювати URL сторінки.
Які кнопки варто залишити
Не варто виводити десятки сервісів одночасно. Великий ряд іконок займає місце та ускладнює вибір. Краще залишити кілька каналів, якими справді користується ваша аудиторія, а решту сховати за універсальною кнопкою.
Для прикладу в цій інструкції використовуються Facebook, Telegram, WhatsApp, Viber, Email та універсальна кнопка AddToAny. Такий набір достатньо компактний і водночас охоплює соціальну мережу, популярні месенджери й надсилання електронною поштою.
Де краще розміщувати соціальні кнопки
Для більшості інформаційних матеріалів найлогічніше місце — внизу статті. Спочатку відвідувач знайомиться з публікацією і лише після цього вирішує, чи варто нею ділитися.
Розміщення на початку матеріалу також можливе, однак читач ще не встиг оцінити зміст. Фіксовані або плаваючі панелі можуть бути помітнішими, але їх обов’язково потрібно перевіряти на смартфонах, щоб вони не перекривали текст та елементи керування.
Як додати кнопки «Поділитися» в Joomla 5 і 6 через AddToAny
У прикладі нижче використовується AddToAny Share Buttons. Налаштування виконувалося на Joomla 5.4.7. Плагін встановлюється стандартними засобами Joomla, після чого набір кнопок і місце їх виведення можна змінити в параметрах розширення.
Крок 1. Знайдіть AddToAny у каталозі JED
Перейдіть до розділу встановлення розширень і відкрийте вкладку «Встановити з JED». У рядку пошуку введіть AddToAny. У результатах з’явиться розширення AddToAny Share Buttons.
Крок 2. Відкрийте картку розширення
Відкрийте AddToAny Share Buttons і натисніть кнопку «Встановити». На сторінці розширення також можна перейти до його картки в каталозі або на сайт розробника.
Крок 3. Підтвердьте встановлення
Joomla покаже екран підтвердження з назвою пакета та адресою завантаження. Натисніть «Встановити» ще раз.
Крок 4. Переконайтеся, що встановлення завершилося успішно
Після встановлення Joomla має показати повідомлення «Встановлення пакета успішно завершено». Пакет додає плагін AddToAny Share Buttons і модуль AddToAny Buttons.
Крок 5. Знайдіть і ввімкніть плагін
Відкрийте розділ «Плагіни» і знайдіть AddToAny Share Buttons через пошук. Перевірте, щоб розширення було ввімкнено.
Крок 6. Налаштуйте набір соціальних кнопок
На вкладці «Плагін» задаються розмір іконок і список сервісів. У нашому прикладі розмір Icon Size залишено рівним 32, а в полі Service Buttons HTML Code використовуються такі кнопки:
<a class="a2a_button_facebook"></a>
<a class="a2a_button_telegram"></a>
<a class="a2a_button_whatsapp"></a>
<a class="a2a_button_viber"></a>
<a class="a2a_button_email"></a>Параметр Universal Button Position встановлено в After Service Buttons. Тому після п’яти вибраних сервісів виводиться універсальна кнопка, що відкриває додаткові варіанти надсилання.
Крок 7. Налаштуйте місце виведення
Перейдіть на вкладку AddToAny Placement. Для компактного блоку лише в повних матеріалах можна використовувати такі налаштування:
- Display in Content — Yes;
- Display in Content at — Bottom of Content;
- Display on Front Page — No;
- Display on Featured Pages — No;
- Display on Category Pages — No.
Поле Categories Excluded дає змогу за потреби виключити окремі категорії. Якщо виключення не потрібні, нічого вибирати не потрібно.
Крок 8. Перевірте результат на сайті
Збережіть налаштування та відкрийте матеріал на сайті. У нашому варіанті внизу статті з’являється компактний ряд із Facebook, Telegram, WhatsApp, Viber, Email та універсальної кнопки AddToAny.
Як вимкнути кнопки в окремій статті
У налаштуваннях AddToAny передбачений простий спосіб вимкнути блок на конкретній сторінці. Для цього у вихідний код матеріалу можна додати спеціальний коментар:
<!--noshare-->Це зручно, якщо соціальні кнопки потрібні в більшості публікацій, але в окремих матеріалах їх виводити не потрібно.
Що перевірити після налаштування
- чи відкриваються потрібні сервіси після натискання кнопок;
- чи не перекриває блок текст або інші елементи на смартфоні;
- чи не виводяться кнопки одночасно іншим плагіном або модулем;
- чи не з’явився блок на головній або в категоріях, якщо там він не потрібний;
- чи достатньо вибраних сервісів для вашої аудиторії.
Підсумки
Для Joomla 5 і 6 немає потреби повертатися до старих схем із генераторами скриптів і ручним редагуванням шаблону. Сучасний content-плагін дає змогу встановити соціальні кнопки через адміністративну панель, вибрати потрібні сервіси й автоматично виводити блок у відповідному місці.
У розглянутому варіанті AddToAny виводить компактний набір із п’яти основних сервісів та універсальної кнопки. Для інформаційного сайту цього зазвичай достатньо: блок залишається помітним, але не перевантажує сторінку й не заважає читанню.
