Как установить кнопки социальных сетей на сайт с помощью сервиса UpToLike. Как установить на сайт социальные кнопки


Как установить социальные кнопки | Советы веб-мастера

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

Как установить социальные кнопки

Как установить социальные кнопки

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

Сервис называется Pluso — кнопки для добавления контента в социальные сети. Сервис развивается с большой скоростью и обещает в ближайшее время добавить статистику переходов и другие вкусности.

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

Так что грамотное размещение красивых кнопочек способно увеличить посещаемость Вашего ресурса от 5 до 20% и это совершенно бесплатной способ. Советую не пренебрегать социальными кнопками и в обязательном порядке размещать их на своих блогах.

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

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

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

С уважением, Евгений Вергус.

Рубрика: Видеоуроки

Загрузка...

Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей

sovetywebmastera.ru

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

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

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

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

Способ 1. Устанавливаем кнопки соц сетей для сайта с помощью сервиса share.pluso.ru.С помощь этого сервиса можно установить любые кнопки социальных сетей очень быстро, а главное, кнопочки выглядят красивыми :smile:. Для установки, сначала перейдите на share.pluso.ru. Потом вам нужно выбрать кнопки, которые вы хотите видеть на своем ресурсе. Для этого просто левой кнопкой мыши перетащите их с раздела «Доступны к выбору» в раздел «Выбранные сети». После этого, выберите понравившейся вам стиль кнопок ;-).

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

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

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

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

Способ 2. Устанавливаем социальные кнопки для сайта с помощью сервиса api.yandex.ru/share.Установить кнопки с помощью этого сервиса очень просто, и делается это за несколько минут, единственный недостаток этих кнопок в том, что они очень маленькие. Но если вам подходят маленькие кнопочки, то можете смело их добавлять.

Для установки, сначала нужно перейти на сервис api.yandex.ru/share. Здесь все очень просто: слева нужно поставить галочку рядом с кнопкой, которую вы хотите себе добавить, а справа выберите внешний вид блока

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

После настройки просто скопируйте код и вставьте его в то место, где вы хотите видеть кнопки социальных сетей на сайте. Для wordpress, это файл single.php или index.php.

Способ 3. Устанавливаем кнопки социальных сетей для сайта с помощью плагина Social Share Buttons.Когда я только начинал вести первый блог, то у меня стоял этот плагин и он мне понравился. Установил его за одну минуту, настроил и вот тебе красивые кнопочки, не нужно копаться в различных кодах и изучать правила сss :smile:. Но каждый плагин имеет существенный недостаток – это дополнительная нагрузка на сервер. Если ваш сайт медленно грузиться, то после установки плагина, он будет загружаться еще дольше.

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

Социальные кнопки

Не знаю как вам, но мне такой вариант не очень понравился :smile:. Для начала, я бы советовал нижнюю часть кнопок вообще убрать, чтобы они не повторялись. Для этого зайдите в «Панель управления» — «Share Buttons» – «Like настройки» и в самом верху справа есть надпись «Включение/Отключение социальных кнопок», ниже этой надписи уберите три галочки и нажмите на кнопку в самом низу «Сохранить изменения».

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

плагин Social Share Buttons

В этом же разделе «Share настройки» вы можете также изменить стиль своих кнопочек, в правом верхнем углу. Но мне классические понравились больше всего.

Потом можно зайти в раздел «Главные настройки» и изменить текст над кнопками соц. сетей. Я, например, написал «Поделиться с друзьями». После всех изменений у меня получилось следующее.

кнопки соц сетей

Мне кажется, очень неплохо, и самое главное аккуратно :smile:.

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

кнопки для сайта

Для того, чтобы установить такие, нужно пойти в каждою социальную сеть, скопировать оттуда код, и вставить себе на сайт. О том, как это сделать, я подробно описывал в следующих постах:Кнопка google + 1;Кнопка «Мне нравится» от Вконтакте и Facebook;Кнопка twitter.После выполненной работы, вы получите примерно такой код всех кнопочек вместе:

код социальных кнопок

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

.knop { margin: 20px 0 50px 0; } .twitter { float:right; } .vk { float:left; margin-left: 10px; } .google { float:left; margin-left: 1px; } .fb-like { margin-left: 40px; }

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

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

  • Пишите качественный контент. Если ваши посты будут нравиться посетителям, то они с удовольствием будут делиться ими с друзьями. Контент – это самое главное.
  • Размещайте кнопки аккуратно, немного и на самом видном месте. Я часто вижу на разных ресурсах по несколько кнопок от одной социальной сети. Я бы не советовал такое делать. Если посетитель не хочет нажимать на кнопку, то установите хоть 10 штук от одной соц. сети, он все равно не нажмет.
  • Попросите посетителя нажать на кнопку. А почему бы и нет? Вы можете добавить какой-нибудь текст выше всех кнопочек и попросить человека поделиться с друзьями, это работает очень хорошо.
  • Если лайков нет, то счетчик лучше убрать. Когда человек увидит, что на кнопку еще никто не нажимал, то, скорее всего, он также не будет нажимать. Поэтому, если посещаемость сайта маленькая и никто не нажимает на кнопки, то луче не показывать это.
  • Накручивайте социальные сигналы. Сейчас в интернете есть немало сервисов для накрутки социальных факторов, например, я использую Userator, Forumok и Prospero. На всех трех сервисах можно накрутить сигналы за копейки.
  • Установите себе плагин «заплаты лайком». Если вы не знаете, этот плагин закрывает часть контента от посетителя. Человек может полностью прочитать текст только после того, как нажмет на кнопку социальных сетей. Таким образом вы сможете получать социальные сигналы на полном автомате. Я считаю что это самый лучший способ получить ссылки с социальных сетей.

На этом у меня все. А какие вы установили кнопки социальных сетей для сайта.

vachevskiy.ru

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

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

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

Это может быть вам интересно:

Сервис UpToLike

К достоинствам и возможностям UpToLIke нужно отнести следующее:

  • Простота в установке.
  • Установка кнопок поделиться.
  • Установка кнопок для лайков.
  • Установка кнопок для подписки в группы социальных сетей.
  • Установка кнопок социальных сетей на изображения.
  • Наличие плагинов для разнообразных CMS, в том числе и для WordPress.
  • Подробная статистка по кнопкам социальных сетей.
  • Поддержка зарубежных и рунетовских соцсетей.
  • Счётчик посещаемости.

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

Несмотря на то, что у сервиса есть плагин для WordPress, лучше не искать простых путей, и всё-таки, установить кнопки социальных сетей на сайт обычным путём – кодом. У плагина есть некоторые недостатки.

Перейдите на сайт UpToLIke и зарегистрируйтесь.

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

Вы сразу окажетесь в панели управления. Здесь нажмите кнопку «Создать проект».

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

Выберите, какой проект вам нужно создать – поделиться, лайки, подписаться (на группы), поделиться картинкой, рейтинг статей (нравится/не нравится), счётчик (обычный счётчик статистики, к социальным кнопкам не относится).

Как я сказал выше, плагины не рекомендую использовать. Под выбранным проектом нажмите кнопку «Настроить», чтобы продолжить.

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

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

После нажатия кнопки «Настроить» слева будут опции, а справа — предпросмотр. Обратите внимание, что предпросмотр позволяет переключаться между просмотром кнопок на компьютере и на мобильном.

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

Настройки есть такие:

  • Социальные сети. Отметьте галочками соцсети, которые нужно отображать.
  • Мобильный вид. Включите опцию адаптивности под все экраны. Рекомендую включить.
  • Дополнительные настройки. Эта настройка состоит из нескольких опций:
    • Цитирование. Если включить, то можно будет поделиться фрагментом текста, выделив его.
    • Кнопка «Наверх». Добавляет в соцкнопки ещё одну – для возврата в начало страницы.
    • Отключить кнопку «…». Добавляет кнопку, при клике на которую появляются все остальные соцсети, которые не были отмечены галочками. Не рекомендую отключать.
    • Показать всплывающее окно с предложением подписаться. Если включить эту опцию, то каждый, кто поделится материалом через ту или иную социальную сеть, увидит приглашение принять участие в группе соцсети. Есть настройки для отображения текста приглашения и ссылки на группу.
  • Расположение блока. Можно выбрать, где будут находиться кнопки социальных сетей на сайте. Есть возможность сделать кнопки встроенными в контент или плавающими.
  • Внешний вид. Можно поиграть с размером и формой кнопок.

Если нажать на ссылку «Ещё настройки», то можно произвести более тонкую настройку внешнего вида кнопок.

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

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

Появится окно, в котором нужно ввести доменное имя сайта и нажать «Ок».

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

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

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

В условиях WordPress этот код обычно устанавливается в файле активированной темы single.php – вывод одной записи.

После установки кода можно наблюдать за статистикой работы кнопок социальных сетей на сайте. Эти данные можно получить в аккаунте UpToLike.

wp-system.ru