Как добавить социальные кнопки на сайт Социальные кнопки на сайтах стали привычным явлением. Это очень удобно и для пользователей, и для владельцев сайтов, которые таким образом получают трафик на сайт: например, пользователю понравилась статья, нажал на кнопку и разместил запись у себя на странице в социальной сети, далее ее увидели друзья, им стало интересно, и они перешли на ваш сайт.
Установить социальные кнопки – дело не такое уж и хитрое. Я расскажу вам о нескольких способах их размещения на вашем сайте.
Кнопки можно добавить, установив соответствующие плагины, например, Simple Social Buttons или другие. Достаточно ввести в строке поиска по плагинам social buttons и увидите результаты. Другой способ – это вставить готовые коды кнопок, которые предлагают разработчики. Сейчас расскажу как их установить.
Начну с самой популярной сети Вконтакте. Пройдите по этой ссылке, чтобы получить кнопку Мне нравится.
Заполните нужные поля, а с кодом сделайте следующие: всё, что выше черты, которую я поставил на рисунке – скопируйте и вставьте в файл header. php до тега. Как это сделать?
Зайдите в редактор, найдите файл header. php и измените его, как я написал. Так-то ничего не должно случиться противоестественного, но предупреждению: я не несу никакой ответственности за неполадки, которые могут возникнуть в результате изменения файлов темы. Советую сначала сделать копию файлов. Для этого используйте, например, Cpanel или FileZilla. Продолжаем. То, что ниже черты скопируйте в файл single. php. Код вставьте после
Следующую будем ставить кнопку Мне нравится, или Нравится, от Facebook, который, конечно, не так популярен в России, но тем не менее и он получил часть пирога русскоязычной аудитории. Код кнопки получаем здесь.
В поле URL to Like впишите адрес вашего сайта, настройте вид кнопки и нажмите Get Code.
Далее по аналогии с кнопкой соцсети Вконтакте первый код вставляем в файл header. php, а второй – single. php.
Теперь добавим кнопку Твитнуть. Делается это тоже просто. Идем сюда и выбираем понравившуюся кнопку.
Потом скопируйте HTML-код в файл single. php.
Социальная кнопка Google Plus. Переходим по ссылке для получения кнопки.
Выбираем русский язык.
Первую часть кода, которая до черты, вставляем в файл single. php, вторую – в файл header. php.
Кнопка Нравится от Mail. ru. Переходим по ссылке, настраиваем кнопку, как вам нравится и копируем код в файл single. php.
Блок «Поделиться» для вашего сайта от Яндекса хорош тем, что вы можете выбрать сразу несколько сервисов. Для получения блока пройдите по этой ссылке.
Выберите сервисы и скопируйте код в файл single. php.
Если же вам нужны кнопки сразу всех сервисов, можете воспользоваться кнопками сайта Pluso. Мне они понравились, потому что кнопки имеют одинаковый дизайн, а также большой выбор настроек кнопок.
Для добавления кнопок просто скопируйте код, как я писал выше. То, что до черты скопируйте в файл header. php, то, что после – в файл single. php.
Как видите, добавление кнопок на сайт – дело не сложное. Если у вас остались вопросы, пишите их в комментариях, а также подписывайтесь на обновления. Нам есть еще, о чем рассказать.