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


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

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

Первый способ - официальный

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

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

Как видите, здесь довольно широкие возможности для интегрирования. Допустим, вас интересует кнопка "Мне нравится". Она - третья в списке. Перейдя по ссылке, вы увидите форму настройки кнопки.

Вначале нужно зарегистрировать свой ресурс. Вводите в соответствующих полях название, адрес, основной ресурс, жмите "сохранить". Затем можно настроить внешний вид кнопки. Допустим, вы выбрали первый вариант. Отрегулировали желаемую высоту. Задали надпись, которая должна быть на кнопке - "Мне нравится", либо же "Мне интересно". Готово - в нижней части формы вас будет ждать код, полностью настроенный именно для вашего ресурса. Первую часть кода нужно поместить в файле header.php (если ваш сайт работает на WordPress).

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

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

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

Второй способ - креативный

Если вкратце, вам нужно найти в сети тот вариант кнопок, который вам нравится (к примеру, скопировав изображение с вышеперечисленных страниц социальных сетей), подогнать полученные иконки в Photoshop или другом графическом редакторе, приведя их к некоему общему знаменателю, а затем подобрать нужный код для каждой. Можно написать его самому, а можно взять у других пользователей, уже писавших в своих блогах на эту тему, к примеру – у известного SEO-блогера Михаила Шакина.

Плюсы способа: вы сами настраиваете вид кнопок и располагаете их так, как вам нужно.

Минусы: Если вы не слишком хорошо владеете графическими редакторами, вам будет сложно добиться качественной графики. Та стильность, которая отличает оригинальные кнопки, может быть утрачена.

Третий способ - легко осуществимый

Если у вас блог или сайт на WordPress, вы можете установить плагин, который сам встраивает кнопки в ваши записи и страницы. В консоли WordPress войдите в меню "Плагины", перейдите в категорию "Добавить новый" и в строке поиска введите "ВКонтакте" или "Facebook".

Вы увидите список существующих плагинов для установки виджетов социальных сетей. Выбирайте понравившийся вам, нажимайте "Установить", затем - "Активировать". Отмечайте нужные опции в настройках плагина в соответствии с инструкциями. Больше ничего делать не надо. Разве что протестировать несколько похожих кнопок, чтобы выбрать оптимальный вариант.

Плюсы: ничего регистрировать или встраивать не надо.

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

Четвертый способ - универсальный и еще более легкий

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

Из подобных сервисов хочется упомянуть четыре. Это блок "Поделиться" от Яндекса, сервис "Одна Кнопка", зарубежный и весьма популярный сайт "Add This" и совсем недавно появившийся скрипт социальных кнопок "Share42.com". Использование подобных сервисов скриптов - это чрезвычайно удобный вариант.

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

Минусы: многие сервисы втихаря засовывают свои ссылки в предлагаемые скрипты. Их приходится удалять вручную.

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

freehtmlthemes.ru

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

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

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

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

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

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

Для установки кнопок существует много всяческих плагинов и сервисов.

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

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

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

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

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

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

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

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

Все, мы закончили с настройкой вида наших кнопок социальных сетей. Теперь спускаемся еще ниже и копируем сгенерированный сервисом код. Осталось только вставить скопированный код в HTML-верстку вашего сайта в том месте, где хотите вывести социальные кнопки.

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

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

Спасибо! До встречи!

 

fanamir.ru

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

26.11.2014 // Ольга Бурцева   

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

Оглавление:

  1. Плюсы кнопок социальных сетей для сайта от сервиса UpToLike.
  2. Как установить кнопки социальных сетей UpToLike.
  3. Видео по теме.

 

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

Не буду вам рассказывать, почему важно эти заветные кнопочки разместить на страницах вашего сайта, вы это отлично и без меня знаете. Одним словом они помогают продвижению нашего бизнеса в Интернете. Лучше немного расскажу предысторию, почему именно остановилась на плагине для WordPress «Uptolike Share Buttons». Ещё несколько дней назад на моём блоге с помощью скрипта были установлены кнопки «Share», но после последнего обновления WordPress до 4,01 они пропали =) Да, как будто их никогда и не было. Честно говоря, мне надоело копаться в файлах темы после каждого обновления, поэтому решила установить многофункциональный плагин для WordPress «Uptolike Share Buttons». Почему именно этот плагин, читаем дальше. 

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

  • 1. Модуль «Социальные кнопки» позволяет выбрать кнопки наиболее популярных и полезных социальных сетей.

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

  • 2. Социальные кнопки со счётчиком и подробной статистикой.

 Можно посмотреть статистические данные по всем действиям на блоге. Статистика доступна в личном кабинете прямо в админке блога. Для этого всего лишь необходимо перейти во вкладку «Статистика» и посмотреть сколько посетителей просмотрели ваши страницы и главное, какие (URL) + сколько раз расшарили их в соц. сетях (каких) за неделю, месяц, 24 часа. Единственное жалко, что нельзя посмотреть кто :) 

  • 3. Есть возможность расшаривания отрывка текста в социальных сетях.

 

  • 4. Возможность подписаться на вашу группу в социальных сетях или канал на YouTube, с помощью всплывающего окна. Где можно отредактировать название и описание призыва.

 

 

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

 

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

   На самом деле ничего сложного. 

  • 1. Для начала, надо установить и активировать плагин «Uptolike Share Buttons» в админке сайта. Не буду вдаваться в подробности, если у вас есть сайт, значит, умеете устанавливать плагины. Слева, появится надпись «UpToLike», жмём на неё и переходим к настройке виджета.
  •  

  • 2. Друзья, настройку плагина я делала в три этапа.
  • Первый этап переходим во вкладку «Конструктор». Здесь в основных настройках выбираем расположение кнопок, со счётчиком или нет, а также подключаем дополнительные возможности, о них ниже: 
  • а) Цитирование — это расшаривание отрывка текста  в социальных сетях. Попробуйте выделить какое нибудь предложение в тексте статьи!
  • б) Following — приглашение в свою группу или канал на YouTube, после расшаривания. Кстати, приглашаю.
  • в) Добавление кнопки «Наверх».

Все эти дополнительные опции активируйте на своё усмотрение. UpToLike_виджет_социальных_сетей 

Далее, в этой же вкладке происходит настройка и выбор кнопок социальных сетей. Просто отмечаем нужные флажком. Чтобы поменять их расположение в виджете, достаточно подвести курсор к иконке соц. сети, она выделится серым цветом и справа появятся три полосочки (на скриншоте ниже можно это увидеть). Вот, именно к этим полосочкам подведите курсор и путём перетаскивания установите иконку в выбранном месте. В настройке стилей, выберите цвет, форму, фон и эффекты для иконок соц. сетей. Смотрите скриншот.

 

выбор_социальных_сетей_Uptolike

 

Идем, дальше.Если в основных настройках вы активировали дополнительную функцию Following, то смело выбирайте в какие ваши группы в социальных сетях плагин UpToLike порекомендует присоединиться, после расшаривания.Затем, подкорректируйте заголовок и описание приглашения. Не забудьте нажать «Сохранить изменения». 

настройки_Follow-для-кнопок-соц.-сетей

 

  • 3. Теперь, переходим сразу к третьему этапу. Для этого переходим в последнюю вкладку «Настройка».

Выбираем на своё усмотрение расположение блока кнопок соц. сетей. Смотрите скрин.

 UpToLike_виджет_социальных_сетей_настройка

 Идём, идём дальше. Остался последний этап настройки, надо получить ключ к статистике социальной активности. Для этого во вкладке «Статистика» нажимаем «Запросить ключ», вводим свой email. Далее, переходим в свой указанный почтовый ящик, копируем секретный ключ и вставляем его в предложенную форму «Вставить ключ». 

секретный_ключ_от_статистики_копок_социальных_сетей В итоге после просмотра и аналитики данных статистики, можно делать выводы, какой контент более востребован и понравился (like) читателям вашего блога.На скриншоте, внизу, пример статистики с моего блога через два дня после установки плагина UpToLike Share Buttons. статистика_по_социальным_сетям_UpToLike_Share_Buttons Советую посмотреть небольшой видеоподкаст, о том как быстро установить кнопки соц. сетей на сайт. 

 

P. S. Комментируйте, задавайте вопросы, делитесь полученной информацией в социальных сетях. Желаю, всем хорошего дня и отличного настроения! С уважением, Ольга. 

Что прочитать полезного и релевантного:

 Друзья, проверьте кнопочки, вдруг они не работают.

burzevao.ru

Как установить кнопки социальных сетей без плагина. | ТВОЙ ПОМОЩНИК

Написал Елена Молгачева в 22 февраля 2012, 11:55 Отредактировано: 13 марта 2016, 17:04

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

Добавим кнопки для дружбы в социальных сетях на страницу «Контакты» и   «Обо мне». Можете посмотреть, как они выглядит на этих страницах моего сайта. Их можно поставить и в сайтбар — кому как нравится.

Для начала я скачала из интернета изображения кнопок.

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

кнопка твиттер

кнопка Вконтакте

кнопка Фейсбук

Кнопка для Мой мир

Кнопка yuotube

кнопка Google +

 

 

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

Картинки нужно загрузить к себе на сайт обычным способом (вставить медиафайл), назвав соответственно : кнопка Твиттер, кнопка «Вконтакте» и т.д.

Теперь нужно выбрать ссылки на эти картинки. Как определить ссылку (путь к картинке) у меня описано в статье «Простейший слайдер для сайта» (си. ссылку в конце в связанных постах).  При просмотре картинки в своей библиотеке ссылка видна в самом низу.

У нас шесть картинок — значит должно быть и шесть ссылок. Можно скопировать их в столбик в какой-нибудь вспомогательный файл у себя на компьютере.

Напротив каждой ссылки на картинку поставить соответствующую полную ссылку на Вашу страницу социальной сети:

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

Получается примерно следующее:

Сопоставление ссылок

Теперь, когда мы определили все нужные ссылки, нужно у себя на компьютере открыть  HTML редактор  NVU

Для студентов продвинутого курса «Твой старт» он — в дополнительных материалах, остальным  можно скачать редактор из интернета.

Открываем редактор и нажимаем кнопку Изображение

Редактор NVU_1

В открывшемся окне заполняем два поля :

Адрес изображения — вставляем первую ссылку на картинку;

Альтернативный текст- вставляем  описание кнопки.

Здесь же рядом с адресом есть вкладка Размеры — можно изменить размер кнопок:

Редактор NVU._2 JPG

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

Редактор NVU._3 JPG

Готово. Аналогичным образом вставляем остальные кнопки- картинки. Их можно центрировать.

Редактор NVU._4.

Теперь осталось только получить HTML код,  для чего и служит редактор NVU.

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

Редактор NVU._5

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

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

Елена и tvoy-internet.ru

tvoy-internet.ru

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

Для установки кнопок социальных сетей на сайт, заходим по ссылке http://share.pluso.ru. В открывшемся окошке сайта в разделе конструктор, мы видим различные стили кнопок социальных сетей.

19-03-2016 11-54-30

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

Выбор нужной социальной сети

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

Таким способом мы можем выбрать или удалить любую социальную сеть. Например, я хочу убрать название социальной сети – Мой мир @Mail.ru.

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

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

Таким же путем, мы удаляем кнопки социальных сетей – отправить на email  и печатать. Итак, мы выбрали социальные сети  — ВКонтакте, Одноклассники, Facebook, Twitter, Google+ и  Blogger. Какие кнопки социальных сетей добавить или удалить, каждый выбирает по своему усмотрению.

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

Дальше cпускаемся в середину страницы сайта pluso.ru. Там, в предварительном просмотре, видим все кнопки социальных сетей, которые мы выбрали. Правее предварительного просмотра есть  настройки.19-03-2016 11-58-18

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

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

Код для копирования

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

Далее заходим на свой сайт. Сайт находиться на движке WordPress. В консоли сайта выбираем внешний вид, потом редактор.   В редакторе справа есть колонка шаблоны. В шаблоне выбираем строку — Одна запись (single.php), нажав на нее левой клавишей мышки клавиатуры.

Редактирование темы WordPress

Открывается раздел редактирования темы. Далее выбираем текст имеющий запись – content. Ниже или выше этой записи, мы и будем размещать наш код кнопок социальных сетей. Для этого, необходимо нажать правую клавишу мыши и выбрать — вставить. Наш код размещен. Нажимаем на кнопку обновить файл.19-03-2016 12-03-20

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

Вновь заходим на страницу редактирования темы, с сохраненным кодом и добавляем вначале  кода запись <center>, а в конце кода </center>. Обновляем страницу, и когда мы перейдем на страницу статьи, то увидим, что кнопки социальных сетей уже располагаются в центре строки.

19-03-2016 12-04-33

Таким же путем можно установить кнопки социальных сетей и в других разделах сайта. Для этого, необходимо вновь возвратиться в редактор консоли WordPress, зайти  в шаблон и  выбрать строку  — шаблон страницы  (page.php), а далее проделать все действия, которые были указаны ранее.

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

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

Это все, чем я хотел поделиться в этой статье. Надеюсь, вы найдете что-то полезное для себя. Удачи Вам!

С уважением, Михаил Сойкин.

Спасибо, что поделились статьей в социальных сетях!

 

 

 

 

rtgh.ru

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

Доброго времени суток, уважаемые читатели моего блога!

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

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

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

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

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

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

Как установить кнопки социальных сетей (на примере WordPress)

Заходим по адресу: http://api.yandex.ru/share/

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

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

Копируете код, расположений ниже. Заходим в административную панель – внешний вид – редактор. В редакторе выбираем файл single.php, и вставляем полученный код в нужном Вам месте.

В моем случае панель расположена сразу после поста. Вы можете поэкспериментировать с местом расположения панели, но обязательно сделайте резервную копию файла single.php.

Можно также вставить код в файл index.php, например, после анонса каждого поста.

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

Второй способ

Скачайте мой архив. В нем вы найдете готовый код кнопок для четырех социальных сетей: facebook, мой мир, вконтакте и twitter.

Этот код нужно вставить точно также как и в первом способе.

Только дополнительно необходимо закачать файлы из папки «images» архива, в папку images с Вашей темой (/wp-content/themes/ «Ваша тема» /images).

Второй способ позволяет менять значки Ваших кнопок. В архиве также содержится подборка значков, пользуйтесь. Многие пользователи WordPress устанавливают плагины с кнопками, например, Social Share Buttons и д.р.

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

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

Ручное добавление кодов имеет еще одно ощутимое преимущество. Вы можете все ссылки заключить в теги <noindex></noindex>, с добавлением атрибута rel="nofollow". Тогда поисковые роботы не будут их индексировать.

Для чего это нужно Вы можете узнать из моей статьи «Исходящие ссылки». Там подробно написано об исходящих ссылках в продвижении сайтов.

На этом я завершаю свою статью.

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

Будут вопросы — обращайтесь, с радость помогу Вам!

С уважением, Александр Бобрин

asbseo.ru

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

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

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

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

Официальные

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

1.Вы открываете страницу конструктора.

Вы открываете страницу конструктора

2.Настраиваете внешний вид и функционал кнопки.

Настраиваете внешний вид и функционал кнопки

3.Копируете предоставленный код и встраиваете его в код своей страницы.

Копируете предоставленный код и встраиваете его в код своей страницы

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

  1. «Одноклассники»: кнопка «Класс»
  2. «Одноклассники»: виджет группы
  3. Виджеты и кнопки «ВКонтакте»
  4. Кнопка подписки на канал YouTube
  5. Кнопки «Нравится» и «Поделиться» от Facebook
  6. Кнопки Twitter

У такого метода добавления кнопок есть одно существенное преимущество и один существенный недостаток.

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

Минус очевиден в том случае, если вам нужна не одна, а несколько социальных сетей. Вам придётся разбираться с каждой из них отдельно, копировать «свой» код и для «ВКонтакте», и для «Одноклассников», и для Twitter, и для Facebook. Это неудобно и долго, в процессе можно допустить ошибку, а также получить некоторые проблемы с отображением и вёрсткой.

Всех этих качеств лишена следующая группа инструментов.

«Всё в одном»

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

Сервисов таких есть много, я же в качестве примера расскажу о трёх.

Кнопки от Share24.com

Share24.com

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

Кнопки от PLUSO

PLUSO

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

Кнопки от Яндекса

Яндекс

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

Другие

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

Плагины для популярных CMS

Они подойдут владельцам только тех ресурсов, которые работают на популярных CMS, таких как WordPress, Drupal или Joomla, так как плагины под распространённые «движки» уже есть, а разработка аналогов для самописных систем вряд ли имеет смысл — проще поставить уже готовый набор кнопок, воспользовавшись инструментарием предыдущей категории.

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

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

Принцип работы с плагинами проиллюстрирую на примере написанного под WordPress расширения Easy Social Share Buttons.

1.Дополнение скачивается и устанавливаться.

2.Плагин активируется и настраивается.

Работа с пдагином

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

Заключение

Как видите, интегрировать свой сайт с социальными сетями, добавив соответствующий функционал, очень и очень просто, причём существует множество удобных способов реализации на любой вкус, так что если ваш веб-ресурс до сих пор находится «в вакууме» и не позволяет посетителю «поделиться», «твитнуть» или «оставить коммент» — задумайтесь, а не теряете ли вы новых пользователей и их активность на сайте? Может, потраченный на установку социальных кнопок час сэкономит вам дни, которые вы потратите на другие методы привлечения трафика и продвижения сайта?

www.seostop.ru