Кнопки соцсетей для сайта – что это такое? Для чего они вообще нужны на ресурсе? Как можно их установить к себе на блог (сайт)? Сегодня мы хотим ответить за вас на эти вопросы.

Кнопки соц сетей для сайта_1

Одним из условий эффективного заработка в интернете на собственном сайте является степень его раскрученности. В настоящее же время параллельно традиционным методам продвижения и раскрутки проектов довольно активно развивается так называемое социальное продвижение сайтов (SMO), что подразумевает продвижение проекта в разных социальных сервисах: соцсетях, форумах, блогах, соцзакладках и т.д. Кнопки социальных сетей для сайта, в целом, представляет собой один из наиболее популярных и доступных инструментов в таком виде продвижения.

Для чего сайту кнопки Соцсетей?

Такие кнопки для вашего ресурса представляют собой кнопочки, одним кликом по которым пользователь может легко добавить на свою страничку в любой соцсети информацию об интересной понравившейся вашей статье или страничке проекта. Присутствие на ресурсе социальных кнопочек делает его намного лояльнее к вашим читателям, что соответствует концепции web-дизайна в стиле WEB 2.0.

Хотя увеличение лояльности ваших посетителей – это еще далеко не единственная задача кнопок соцсетей на сайте. За счет таких кнопочек все мероприятия по продвижению и раскрутке нового проекта в поисковиках и соцсервисах позволяют проводить вам наиболее эффективнее.

Наверняка вам уже известно, что публикуя пресс-релизы свежих материалов на различных проектах, увеличивают число обратных ссылок на ваш ресурс, повышают авторитетность сайта среди пользователей, а кроме этого повышается запоминаемость ресурса. Если добавить кнопки социальных сетей на свой проект, то весь процесс публикации пресс-релизов намного упрощается.

Что еще характерно, то большинство социальных сервисов в настоящее время очень активно проходят индексацию поисковыми ботами. Этот факт говорит, что ваши добавленные пресс-релизы также довольно быстро индексируются и приводят поискового бота на ваш проект. Результатом таких действий является быстрая индексация вашего ресурса.

Помимо этого, кнопки соц сетей для сайта, которые имеют вдобавок еще счетчики нажатий (кликов) также оказывают положительное влияние на создание положительного впечатления о материале и в целом о сайте у ваших посетителей. Потому как показывают уровень доверия пользователей к проекту. А именно чем больше цифра на счетчике кнопки, тем больше это показывает читателям, что такой материал им интересен и полезен, а значит новые посетители, будут также интересоваться этим материалом.

Как добавить кнопки социальных сетей на ресурс?

Как мы уже говорили выше, кнопки социальных сетей для сайта являются необходимым элементом для раскрутки и продвижения ресурса. В этом процессе их роль не учитывать – означает оставаться со своим проектом далеко позади, поскольку в настоящий момент число переходов на ресурс из соцсетей учитывается при создании поискового трафика. Так что давайте перейдем к вопросу как установить социальные кнопки на ваш проект.

Сразу скажем, что установка кнопок соцсетей или сервисов на сайт не такая уж сложная процедура. Для их установки в интернете присутствует множество различных сервисов и инструментов.

Чтобы еще раз подтвердить значимость кнопок социальных сетей для сайта добавим, что соцсети из довольно невинной забавы и метода общения, настоящих и бывших школьников уже превратились в мощнейший инструмент по добычи целевого трафика. В современно время соцсеть, это уже не только общение между посетителями. Это уже целая отдельная специфическая категория СМИ, где постоянно двигается различная информация.

Но такая информация довольно редко бывает уникальной, факт есть факт, потому как она в основном представлена как ссылки, которые переводят пользователей на определенные ресурсы. А предоставляют такие ссылочки как раз кнопки социальных сетей для сайта, кликнув по которым посетитель делится со своими друзьями и знакомыми интересной информацией.

Всего лишь одно нажатие на такую кнопочку и, ваш проект может получить существенный приток целевых посетителей из соцсетей. Но это при условии, что материал на страницах ресурса действительно интересный, актуальный и полезный. Проанализировав все это, теперь можно подумать, как установить социальные кнопки на свой проект.
Наверняка вы уже поняли, что такая кнопка, это просто обычная ссылка, которая ведет на скрипт для публикации в социальной сети. Уже все социалки пошли навстречу web-мастерам, предоставляя для них уже готовенькие варианты разнообразного дизайна кнопок для их внедрения на ресурс. Все что необходимо web-мастеру, так это просто скопировать предоставляемый HTML-код и вставить его в нужное место на сайте, где бы вы хотели видеть эти кнопочки.

Отвечая на вопрос: «как добавить социальные кнопки на свой блог (сайт)?», скажем, что универсальным способом считается ручное программирование необходимого HTML-кода. Как это все происходит — покажем немного ниже. Скажем только, что такой вариант очень удобен тем решением, что помогает реализовать полный функционал нужной кнопки и любое ее визуальное оформление. Кроме этого, это не требует от web-мастера специальных каких-то навыков и знаний web-программирования.

Еще добавим, что если ваш проект создан на платформе популярных CMS, то кнопки социальных сетей можно добавить на ресурс используя специальные плагины. К примеру, популярную кнопку «Like» (Мне нравится) от сервиса Facebook для WordPress можно добавить с помощью следующих плагинов: WordPress Facebook Like Button Plugin, WP FB Like и еще многими другими.

Можно добавлять кнопки соц сетей для сайта используя также специальные коды, которые генерируют выбранные вами соцсети или сервисы. Используя настройки, предоставленные онлайн инструкцией, вы можете самостоятельно настроить внешний вид кнопки, получить ее HTML-код и далее вставить его в нужное место на вашем сайте. Также вы можете применять к этому коду различные варианты форматирования и достичь нужного дизайна, который будет прекрасно вписываться в оформление вашего ресурса.

Теперь давайте разберем непосредственно сам процесс установки и сделаем это с популярной кнопки социальной сети ВКонтакте.

Кнопка ВКонтакте «Мне нравится»

Кнопки соц сетей для сайта_2

Перед тем как установить такую кнопочку, вы должны зарегистрироваться в этой соцсети, поскольку вы не сможете получить API_ID – это ваш индивидуальный код, за счет которого данная кнопка появится на вашем ресурсе. После прохождения регистрации вам станут доступны все возможные виджеты ВКонтакте.

Для того чтобы установить социальную кнопку этой сети вам необходимо пройти по данной ссылке. Перед вами откроется следующее окошко:

Кнопки соц сетей для сайта_3

Вам необходимо будет подключить ваш проект к этой соцсети. Переходите в раздел «Подключить новый сайт», прописываете название ресурса и далее непосредственно URL самого сайта. Следующее поле «Основной домен сайта» заполнится автоматически. Кликаете по кнопке «Сохранить» и далее нужно будет настроить внешний вид самой кнопочки:

Кнопки соц сетей для сайта_4

Здесь можно настроить название кнопки ее высоту и т.д.

Теперь непосредственно можно переходить к установке созданной вами кнопки на ресурс. После того как вы все настроили, перед вами откроется следующий HTML-код, который вы и будете вставлять на свой ресурс:

Кнопки соц сетей для сайта_5

Выделенную красным цветом часть кода, необходимо вставить перед тегом < /head> в файле header.php. Следующую часть HTML-кода (в черной рамочке) вставляете в файле single.php в нужное для вас место.
Вот и все, созданная вами кнопка «Мне нравится» должна появиться на вашем проекте. Как вы видите, это совсем просто. Далее в продолжение темы: «Кнопки соц сетей для сайта», разберем установку кнопки от Facebook «Like».

Кнопка «Like» от Facebook

Кнопки соц сетей для сайта_6

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

Кнопки соц сетей для сайта_7

Поле URL to Like оставляете пустым по умолчанию. Следующее поле «Send Button» предоставляет вам возможность отправлять друзьям ваши статьи. Это нововведение в системе появилось буквально недавно. «Layot style» — отвечает за внешний вид кнопки, можете заполнять на свое усмотрение. Показывать лица или нет, отвечает поле «Show Faces».

«Verb to Display» — это текст кнопки (Рекомендовать или Мне нравится), которые будет виден на сайте. «Color Scheme» — предоставляет возможность определиться с цветовой гаммой кнопки (светлой или темной) на ваш вкус. «Font» тут вы можете задать шрифт кнопки.

После того как вы самостоятельно настроили все подходящие для вашего ресурса параметры кликаете по кнопке «Get code» и получаете готовый код для вставки на ваш сайт:

Кнопки соц сетей для сайта_8

Как и в предыдущем варианте с кнопкой ВКонтакте часть кода (в красной рамочке) вставляете после тега < body> в файле header.php, а вторую опять же в уже знакомый файл single.php.
Разберем далее, как установить социальную кнопку от Twitter.

Установка кнопки «Твитнуть»

Кнопки соц сетей для сайта_9

Для получения кнопки заходите в свой аккаунт на Twitter (если такового нет, то нужно зарегистрироваться). После этого переходите на страничку, на которой так сказать генерируются кнопки, и видите следующее:

Кнопки соц сетей для сайта_10

в этом сервисе вообще все просто и думаем особых сложностей, как при создании, так и при установке HTML-кода у вас возникнуть не должно. Изначально выберите внешний вид нужной вам кнопки.

Также как в примерах выше поле с ссылочкой оставляете пустым. Как текст лучше использовать заглавие страницы. После этого настраиваете упоминания, вписываете здесь логин от вашего аккаунта в Twitter. А справой стороны вы сможете посмотреть вариант созданной кнопки и вместе с тем HTML-код для установки на свой ресурс. Этот код копируете и вставляете в single.php. Вот и все, поздравляем, теперь вы знаете, как установить кнопки социальных сетей к себе на проект.

В заключение добавим, что также для установки кнопок соцсетей на проект можно использовать специализированные сервисы. Расписывать процесс установки кнопок соцсетей в этих сервисах мы не будем, поскольку такой материал займет еще не одну статью. Скажем, что там все очень просто, следуйте представленным инструкциям и все у вас получится.

И как вы видите, такие социальные кнопки являются не только как дань моде в web-дизайне проектов, но довольно полезным инструментом для продвижения и раскрутки своего ресурса.

А нам остается пожелать вам только удачи!


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)