Иногда бывает: делаешь как лучше, а становиться как хуже. Так происходит с внедрением социальных сетей на сайт — кнопки «лайка» не так просты, как кажется. Но проще чем Вы думаете. На примере кнопки Facebook
Канонический путь
В документации мы можем выбрать любой вид кнопки — допустим нас не очень интересуют количества (если они незначительны — то лучше вовсе не показывать, а если значительны — то точность 10 туда 10 сюда пользователю не очень важна). Нам нужно просто быстрое добавление в ленту нашей ссылки.
Результат — замедление работы страницы погрузкой мегаскриптов. Обычно таких сетей на сайте от 5 до 10 — и на каждую 100мс при хорошей погоде в сумме дадут явно не лучший опыт пользования сайтом
Хитрый путь
Подсматриваем что именно вызывает наша кнопка — это всего лишь попапчик, с определенной ссылкой… можем ли мы сами сделать это без мегаскриптов? Конечно! Пример кода на этом сайте (для темы WordPress).
https://www.facebook.com/dialog/feed?app_id=номер приложения&display=popup&caption=заголовок&link=полная ссылка, где urlencode позволяет нам не переживать о корректности написания (пробелах, русских буквах и тд)
Попап (всплывающее при нажатии маленькое окошко) можно и не делать, но для красоты и полной идентичности возьмем произвольный скрипт из интернета — и все будет отлично