Многие понимают, что выгодный симбиоз сайта и социальной сети, а именно посредством кнопок социальных сетей. За счет этого улучшается продвижение сайта и увеличивается его посещаемость.
Почти на каждом сайте уже есть кнопки социальных сетей, таким образом посетители сайта могут поставить лайк на статью или на весь сайта, а также поделиться ссылками на эту статью на сайте со своими друзьями в социальной сети. Тем самым увеличивается трафик пользователей из социальных сетей. Но также чем больше лайков, тем более весомее кажется ваш контент для посетителей сайта.
Кнопки можно установить на сайт воспользовавшись сервисами, в которых уже собраны кнопки социальных сетей, в этой статье написаны как это сделать. Или самим установить по отдельности эти кнопки, как это сделать можно узнать тут.
Если собирать и устанавливать кнопки самим по отдельности, то они будут стоять один на другим, что выглядеть не очень красиво. А можно их сделать все в одну строчку. У каждой кнопки социальной сети есть свой код, который состоит из двух частей. Первую часть устанавливают либо после тега <head> или <body>, а вторую часть том месте где хотите чтобы отображались кнопки. Обычно они стоят в конце каждой статьи.
Вторые части кода кнопок собираете вместе и заключаете в тег <div> и присваиваете ему class например «social» или любое другое название какое захотите. Также надо будет присвоить class каждой кнопки, например vk, fb, twit и так далее. Код будет выглядеть примерно так:
<div class=»social»>
<div class=»twit»>
Вторая часть кода
</div>
<div class=»vk»>
Вторая часть кода
</div>
<div class=»fb»>
Вторая часть кода
</div>
И так далее в зависимости от того какие кнопки еще социальных сетей хотите установить
</div>
А потом для каждого class в таблице стилей пропишите данные, отступы, расстоянии между кнопками и так далее. И кнопки готовы.
На главную страницу Все статьи сайта