Як встановити кнопки для просування в соціальних мережах

Ми дізнаємося, як це зробити, визначимо різницю і доцільність кожного варіанта установки. Це стосується місця розміщення коду, яке впливає на швидкість загального завантаження сторінок. Найпростіший варіант просування: використовувати блоки з кнопками соцмереж. Розглянемо два кращих сервісу, які надають таку можливість.

У становленнЯ блоку кнопок

Як встановити кнопки для просування в соціальних мережах

Після цього генерується код - його копіюємо для вставки на веб-сторінки. Розміщувати код потрібно на місці відображення блоку.

Як бачимо, перший блок показує кількість лайків для кожної мережі. Звертаю увагу: їх число не завжди збігається з лічильниками окремих кнопок, якщо ті стоять одночасно з блоком. Це залежить від того, що саме натискали користувачі. Для G + 1 і Facebook дані збігаються, а для ВКонтакте немає:

У Яндекса так само є компактний блок кнопок, який розрахований на адаптовані ресурси для користувачів з мобільними пристроями:

Як встановити кнопки для просування в соціальних мережах

Як встановити кнопки для просування в соціальних мережах

Як встановити кнопки для просування в соціальних мережах

Якщо ви оберете блок кнопок без лічильників, то все одно зможете отримувати статистику по ним. Для цього потрібно зареєструватися та розмістити кілька рядків коду в тезі head - за бажанням. Для Joomla, Drupal та WordPress є окремі інструкції.

Кнопка ВКонтакте і G + 1

Як встановити кнопки для просування в соціальних мережах

Це може стати в нагоді, наприклад, якщо ви домовлялися з кимось про обмін лайками. З настройками, тут все зрозуміло, а ось з розміщенням коду трохи складніше.

Як встановити кнопки для просування в соціальних мережах

Два нижніх фрагмента коду потрібно помістити в місці відображення кнопки. Верхню частину - в тег head, що затримує завантаження сторінки. При спробі приміщення його в низ сторінки - у мене лампочка кнопки не відображалася. Якщо швидкість завантаження для вас актуальна, то варто задуматися в доцільності її розміщення.

Як встановити кнопки для просування в соціальних мережах

Сторінка отримання кнопки +1 від Google: developers.google.com/+/web/+1button/?hl=ru. Вибирайте для неї розмір і вид лічильника, праворуч будуть відображатися готова кнопка і код:

Як встановити кнопки для просування в соціальних мережах

Залиште в налаштуваннях асинхронний код - він за замовчуванням. Верхню частину коду помістіть в місце розташування кнопки, а нижню, скрипт, - вниз сторінки, перед закриває тегом body. Асинхронний код менше гальмує завантаження сторінки, ніж звичайний. Дотримуйтесь правило: чим нижче розташований скриптова фрагмент коду на сторінці, тим краще - перевірити швидкість завантаження сайту.

Як встановити кнопки для просування в соціальних мережах

Схожі статті