web master | Кнопки социальных сетей для сайта
Главная » Кнопки социальных сетей для сайта
    РейтингРейтингРейтингРейтингРейтинг


Кнопки социальных сетей для сайта

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

Содержание:
  • § 1. Стандартные кнопки социальных сетей 
  • § 2. Готовые кнопки для сайта
  • § 3. Как устанавливать кнопки на сайт

§ 1. Стандартные кнопки социальных сетей 

Кнопки социальных сетей для сайта – необходимый элемент продвижения ресурса.

Здесь будет рассмотрена установка стандартных кнопок, предлагаемых самими социальными сетями. Каждую кнопку в этом случае придется устанавливать отдельно от других.

Вконтакте

Социальная сеть «Вконтакте» предлагает несколько вариантов различных кнопок. Мы рассмотрим два вида кнопок.

Кнопка «сохранить»

Надпись на кнопке можно менять на любую желаемую (по умолчанию «сохранить»).

Сначала вам нужно перейти на страницу с настройкой кнопки, там же вы получите код скрипта, который нужно будет установить на свой сайт, чтобы кнопка отображалась.

Код для вставки состоит из двух частей: первая - должна располагаться в любом месте между тегами <head> и </head>, вторая – в том месте, где должна отображаться кнопка. 

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

Для начала зайдем через свой профиль в ВК (обязательно через свой, так как нам нужно будет создавать приложение). Далее переходим на страничку создания виджета и видим подобную форму:

Название сайта – здесь лучше указать краткое и настоящее название вашего сайта

Адрес сайта – укажите адрес главной страницы вашего сайта

Основной домен сайта – укажите главное зеркало сайта (его можно найти в файле robots.txt в качестве параметра оператора «Host»)

Варианты кнопки – это различные стили кнопки, они влияют на ее внешний вид

Высота кнопки – геометрические размеры «Мне нравится»

Название кнопки – доступно два варианта (мне нравится, это интересно)

Код для вставки – тот код, который нужен для отображения кнопки социальной сети Вконтакте

Фейсбук

Фейсбук предлагает тоже несколько вариантов различных кнопок. Популярные из них - это кнопка «Нравится», которая позволяет и поделиться ссылкой в Фейсбуке, и просто поставить «лайк» странице сайта.

Чтобы установить кнопку Мне нравится на страницы  блога нужно получить код этой кнопки. За ним иду по адресу

  http://developers.facebook.com/docs/reference/plugins/like/

Настройка самой кнопки выполняется с помощью панели, плохо что все на ней написано по английски, но ниже вы можете прочитать краткое описание каждого поля.

URL to Like – url-адрес страницы для кнопки (если поле не заполнено, то будет браться адрес страницы, на которой расположена кнопка)

Send Button – наличие галочки включает новую возможность – отправлять ссылку в Фейсбук (отобразится дополнительная кнопка – «отправить»). При включении будет одновременно отображаться две кнопки

Layout Style – стиль кнопки, влияет на ее внешний вид (стандартным считается button_count)

Width – ширина кнопки в пикселях

Show Faces – при включении будут показываться аватары людей, уже нажавших на данную кнопку

Font – тип шрифта кнопки

Color Scheme – фон пространства рядом с кнопкой (белый и черный)

Verb to display – название кнопки (нравится,  рекомендую)

Get Code – кнопка, формирующая код скрипта

Одноклассники и Мой мир

Кнопки от Однклассников и Моего Мира ставятся одним блоком. Получить код можно на странице 

http://api.mail.ru/sites/plugins/share/

Размер по высоте – геометрический размер кнопок

Вид – внешний вид рамки кнопок

Кнопки – выбор кнопок (нравится, класс)

Счетчик – включение и выключения счетчика нажатий на кнопки (справа, сверху – расположение счетчика)

Текст на кнопках – выбор одного из трех названий, доступных для кнопок

Код для вставки – код скрипта, который нужно будет устанавливать на сайт

 Google+

Новая социальная сеть, которая за короткое время набрала огромную аудиторию. Трудно представить себе сайт без кнопки «+1», т.к. она не только позволяет добавлять ссылки в социальную сеть и увеличивать количество «плюсиков», но и может влиять на результаты сайта в ТОПе поисковой системы Google.

Получить код можно на странице

 https://developers.google.com/+/web/+1button/?hl=ru

Весь код вставляется в то место, где вы хотите разместить кнопки.

Twitter

Популярнейший сервис коротких сообщений оставлять без внимания нельзя. Установите себе кнопку от данной социальной сети и увидите, как быстро люди станут делиться ссылками на ваш сайт в Твиттере. 

Получить код можно на странице

https://about.twitter.com/ru/resources/buttons

Отправить ссылку – выбор страницы, на которой расположена кнопка, или любой другой

Текст – выбор текста, который будет появляться рядом с кнопкой а не на самой кнопке

Показывать счетчик – включить или выключить отсчет количества нажатий на кнопку

С помощью – выбор способа добавления сообщения ссылки в Твиттер

Рекомендовать – пользователю, нажавшему на кнопку, будет рекомендовано подписаться на твиттер-аккаунт, указанный в данном поле

Отметить – выбор метки, которая будет публиковаться в Твиттере

Большая кнопка – увеличение геометрического размера кнопки

Отказаться от адаптации Твиттера – отказ от стилей Твиттера (лучше оставить поле без галочки)

Язык – выбор языка кнопки

Справа будет сформирован код, который нужно добавить на сайт.

Я.ру

Социальная сеть Я.ру не такая популярная, но и ее кнопка не помешает.

 

Получить код можно на странице

https://tech.yandex.ru/share/

Для этого нужно заполнить несколько полей, которые сформируют нужный код скрипта.

Размер – маленький или большой размер кнопки

Стиль – выбор между кнопкой или иконкой

Наличие счетчика – включение или выключение счетчика нажатий на кнопку

Внешний вид кнопки – пример того, как будет выглядеть кнопка

Текст кнопки – выбор произвольного текста кнопки (по умолчанию – «поделиться»)

Ссылка для публикации – выбор ссылки (произвольная или Url текущей страницы)

Заголовок – выбор заголовка для страницы (произвольный или заголовок текущей страницы)

Код для вставки – нужный код, который добавляется на сайт


 § 2. Готовые кнопки для сайта

В Интернете есть большое количество бесплатных программ по созданию кнопок для сайта, онлайн сервисов и генераторов. Это готовые способы создания, вам надо лишь выбрать дизайн графической кнопки и подобрать шрифт для текста. 

 

 

Позволяет вашим посетителям размещать ссылку на страницу вашего сайта в социальных сетях или блогах.

Официальный сайт: Блок «Поделиться»

Бесплатный сервис, который генерирует скрипт кнопок социальных сервисов (соц. закладок и соц. сетей).

Официальный сайт: Share42

 

Кнопки для добавления контента в социальные сети.

Официальный сайт: Pluso

Кнопки социальных сетей для продвижения сайта.

Официальный сайт: AddThis

Одна кнопка для всех сервисов закладок и социальных сетей - для Вашего сайта.

Официальный сайт: ОднаКнопка

Сервис социальной активности UpToLike. Социальные кнопки в один клик.

Официальный сайт: UpToLike

 

§ 3. Как устанавливать кнопки на сайт

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

На этом у меня все!

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!