Мы в социальных сетях кнопки



мы в социальных сетях кнопки

Кнопки социальных сетей для сайта (мой обзор)

Привет  всем моим читателям и посетителям блога boqdanov.ru .  С вами снова – Антоха.  Очередной пост будет на тему, что такое кнопки социальных сетей для сайта и как их поставить.  Буду делиться своим опытом и наблюдением. Такие кнопки можно разместить с помощью плагина, а также используя специальный код.   Я рассматривал все два варианта, но плагины которые можно заменить кодом я не устанавливаю. Просто перечислю  для тех, кто захочет воспользоваться ими или кто не любит ковырять код и что-то менять.

  1. TweetMeme Button
  2. Social Profiles Widget
  3. Social Share Buttons for WordPress

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

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

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

Рассматривал я три известных онлайн сервиса — Share42, Pluso, Яндекс. В итоге выбор пал на два сайта — Pluso, Яндекса. Установил скрипты кнопок обоих сайтов. Почему, узнаете немного позже.  А пока рассмотрим установку и настройку всех трех скриптов.

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

Еще раз напоминаю, все описанные сервисы предоставляют код бесплатно. Приступим.

Заходим на официальный сайт Share42. и перед нами  предстают кнопки всех известных социальных сетей.

Совсем  не обязательно размещать все имеющееся кнопки, достаточно выбрать 4-6 наиболее популярные соц. сети. Как правило это   Twitter, Google Plus, Facebook и в Контакте.  Отмечаем — просто кликая по ним мышкой, без труда можно менять их местами (как вам угодно),

выбираем подходящий размер из трех предложенных (32*32, 24*24, 16*16 ) и спускаемся вниз страницы. Здесь настраиваем необходимые опции. Выбираем горизонтально или вертикально будет располагаться панель, указываем кодировку вашего сайта. Иконку сайта Share42 и jQuery я не указывал.  Далее вам предлагают скачать скрипт или посмотреть, как будут выглядеть кнопки социальных сетей на сайте.

Обязательно нужно посмотреть и если что-то не устраивает сразу подправить, не отходя от «станка». 

Идем к следующему пункту настройки.  Нам предлагают установить код на свой сайт. Здесь необходимо обязательно прописать адрес вашего веб ресурса и указать правильный тип.

Смотрим на сгенерированный код, теперь адрес  сайта прописан в нем.  С настройками все. Скопируйте и сохраните пока данный код, он позволит выводить кнопки социальных сетей на сайте в нужном месте. Только теперь поднимаемся в начало страницы и скачиваем готовый скрипт. Скачанный zip- архив  необходимо закачать  на хостинг в корень вашего сайта и распаковать. Закидываем с помощью программы FileZilla. Сделали — отлично.

Теперь переходим непосредственно к установке кода. Для этого идем в админку WordPress. переходим в редактор шаблона и открываем файл single.php . который отвечает за вывод записи. Здесь можете сами выбрать где будут располагаться кнопки социальных сетей (в конце статьи или в начале) и вставить код в соответствующее место. По мне так лучше в конце поста, посетитель почитал статью и оценил. Можно поставить и в конце и вначале статьи – выбор за вами. Код я поставил в конце статьи следующим образом:

Сохраняем изменения. На этом установка и настройка завершена.

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

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

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

  1. Необходимо выбрать стиль кнопочек.
  2. Из огромного числа выбираем социальные сети, которые нам нужны. Для этого перетаскиваем с помощью мышки, можно менять расположение.
  3. Окно предосмотра позволяет увидеть полученный результат.
  4. Можно поиграться с настройками внешнего вида.
  5. На выходе получаем готовый код для вставки на сайт.

Не нужно никаких скачиваний, установки скрипта и изображений. Только код. Единственное, что я сделал, убрал красную кнопку «Плюс». При нажатии, открывается панель с остальными кнопками и реклама сервиса. Реклама – это лишнее, да и такое количество кнопок не нужно.

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

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

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

Отмечаем галочкой нужные социальные сети.

Выбираем по вкусу внешний вид кнопок.

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

Эти кнопки мне тоже не подошли, больно они мелкие и порой не заметные. Оставил я их больше для себя, чем для читателей.

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

Устанавливаем кнопки социальных сетей на сайт!

Сегодня мы установим с Вам социальные кнопки на Ваш сайт.

Для чего устанавливать кнопки социальных сетей?

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

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

#8212 Когда новость публикуется на стене, она отображается в новостной ленте друзей пользователя и это дает дополнительный трафик на сайт.

#8212 В последнее время ранжирование сайтов в поисковых системах таких как Yandex и Goole во многом зависит от так называемых социальных факторов. То есть чем больше ваш сайт появляется в социальных сетях тем лучше.

Почему не стоит использовать плагины и сервисы социальных кнопок

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

На это есть несколько причин:

#8212 Дополнительные плагины тормозят работу сайта. Простой функционал всегда лучше устанавливать своими руками.

#8212 Используя сторонний плагин вы рискуете, что не добросовестный разработчик мог вшить в него скрипт размещения сторонних ссылок на вашем сайте, что приведет к ухудшению индексации.

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

#8212 Все сервисы генерирующие кнопки работают по средствам Java скриптов, которые во-первых дабавляют нагрузку на сайт и во-вторых особиность данных скриптов заключается в том что они берут подгружаемые данные не с вашего сервера и с сервера сервиса, что тоже не есть хорошо т. к. сегодня они подгружают на Ваш сайт кнопки а завтра вредоносный код.

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

Сегодня посещая просторы всемирной паутины я наткнулся классную подбору социлаьных кнопок! Вот некоторые вариации:

Вставляем виджеты социальных сетей на сайт

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

1. Виджеты групп

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

Виджет группы ВКонтакте

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

Виджет сообщества Facebook

Код вставки виджета сообщества Facebook можно получить на странице разработчика. Здесь заполняем форму с настройками виджета:

  • Facebook Page URL – url адрес вашего сообщества
  • Width и Height – ширина и высота виджета соответственно
  • Color Scheme – темная или светлая цветовая схема для виджета
  • Show Friends' Faces – показывать участников сообщества
  • Show Posts – показывать последние публикации
  • Show Header – показывать надпись Найдите нас на Facebook
  • Show Border – показывать рамку

После настроек нажмите кнопку Get code (получить код) и скопируйте оба поля в нужное место на сайте.

Виджет Twitter ленты

Для того, чтобы добавить twitter -ленту на сайт, зайдите на страницу (Настройки- Виджеты- Создать новый). Если вы вошли с профиля того аккаунта, виджет которого хотите создать, то у вас уже будет представлен готовый его вариант, который при необходимости можно подкорректировать. Ширина блока адаптивная. то есть виджет будет подстраиваться под ширину блока, в котором его разместят, регулировать можно лишь высоту. Далее нажмите кнопку Создать виджет и скопируйте появившийся код.

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

2. Виджеты комментариев

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

Виджет комментариев Вконтакте

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

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

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

Виджеты комментариев Facebook

На странице настроек блока комментариев устанавливаем нужные параметры ( url менять не обязательно) и нажимаем кнопку Get code .

Чтобы добавить администраторов к комментариям, дополнительно необходимо прописать мета-тег, в который вместо YOUR_FACEBOOK_USER_ID нужно вставить ID вашего профиля.

Источники: http://boqdanov.ru/sozdanie-i-prodvigenie-bloga/knopki-socialnyx-setej-dlya-sajta-moj-obzor.html, http://biz-anatomy.ru/vse-stati/sajtostroenie/ustanavlivaem-knopki-socialnyx-setej-na-sajt, http://www.kasper.by/help/index_1218/






Комментариев пока нет!

Поделитесь своим мнением