П’ять способів оптимізації кнопок соціальних мереж на вашому сайті

Торік Фірдаус
17/05/2021

А також плюси та мінуси кожного з них.

Один із популярних способів підвищення взаємодії користувача зі сторінкою — додавання кнопок соціальних мереж на сайт. Також ці інструменти дозволяють поширювати матеріали на інших платформах. Однак є і мінуси: кнопки можуть суттєво сповільнити швидкість завантаження вашого сайту.

Наприклад, причиною сповільнення може стати код для кнопки Facebook Likes, яка буде рахувати кількість лайків вашої сторінки та вставить їх у розмітку HTML. Особливо, якщо такі кнопки будуть на кожній сторінці.

Торік Фірдаус, програміст та один з авторів Hongkiat, протестував доступні плагіни та відібрав 5 найзручніших, на його думку, інструментів.

Socialite

Socialite — це бібліотека JavaScript, яку створив Девід Башелл. Вона дозволяє завантажувати кнопки соціальних мереж для конкретної вебподії. Наприклад, коли користувач наводить на них мишкою або гортає сторінку у відповідному місці. Це робить процес завантаження сторінки ефективнішим.

Переваги:

Доступний як плагін WordPress.
Немає потреби у jQuery чи інших бібліотеках.
Завантажує кнопки у момент конкретної вебподії: наведення мишки, гортання, клік тощо.
Піддається стилізації через CSS.
Підтримує багато соціальних мереж: Facebook, Twitter, Google+, LinkedIn, Pinterest, Spotify, Github. Також її можна налаштувати для інших соцмереж.

Недоліки:

Відсутня підтримка для запитів кількості поширень та лайків.

Sharrre

Sharrre — це плагін jQuery для додавання кнопок соціальних мереж на вебсторінку. Надається разом з набором API для найкращого налаштування.

Переваги:

Підтримує кнопки багатьох соціальних мереж: Google+, Facebook, LinkedIn, Digg, тощо.
Повністю піддається стилізації через CSS та налаштування плагінів.
Можливість підраховувати та сумувати кількість поширень.
Доступне відстеження через Google Analytics
Доступний як плагін WordPRess.

Недоліки:

Його робота залежить від jQuery.
Необхідний додатковий код PHP (для запиту кількості поширень на Google+)

TNW Social Count

TNW Social Count — це плагін WordPress, що вперше був створений для The Next Web. Він може збирати кількість поширень та показувати їх (як на знімку з екрана нижче). На щастя, розробник зробив плагін доступним для всіх, хоча в безплатній версії можна використовувати не всі доступні інструменти.

Переваги:

Цей плагін WordPress надзвичайно простий у використанні завдяки наданому GUI та тегу шаблону.
Підтримка головних соцмереж: Facebook, Twitter, Google+ та LinkedIn.
Можливість стилізувати через CSS.
Можна налаштувати автоматичний підрахунок.

Недоліки:

Працює тільки для WordPress; для роботи на Joomla або Drupal потрібні додаткові налаштування.
Потребує додаткового місця у базі даних. Якщо ваш хостинг має обмежений ресурс для бази даних, це може викликати проблему.
Під час написання підтримка обмежена лише до вказаних вище соцмереж.

Filament Social Count

Social Count — це плагін jQuery, що був розроблений компанією Filament Group для показу кнопок поширень у Facebook, Twitter та Google+. Цей плагін завантажує кожну кнопку окремо і лише на вимогу користувача. Завдяки цьому сторінка завантажується швидше.

Переваги:

Завантажує кнопку тоді, коли користувач наводить на неї мишкою.
Малий розмір (лише 2.98KB).
Підтримується пристроями із сенсорними екранами.

Недоліки:

Обмежена підтримка. Лише для кнопок Facebook, Twitter та Google+.
Залежить від jQuery. Попри свій малий розмір, вам необхідно додатково завантажувати 93KB з jQuery.

Social Likes

Social Likes — це плагін jQuery для показу кнопок соцмереж (які дозволяють переглянути кількість поширень). Стилі кнопок дуже схожі до оригінальних.