Блог Олега Лютова
Присоединяйся и будь в курсе


Подпишись на видеоконтент и ты!
  • девушка
    ЗАРАБОТОК НА БЛОГЕ
    nolix.ruContextBar
    AdsensePCЯ
    TeasernetSape
    GogetlinksRotaban.ru
    • заработать в интернете
      ЗАРАБОТОК БЕЗ САЙТА
      AdvegoText
      EtxtQcomment
      SeosprintEpn
      Wmmail
      Эффективное продвижение
      ChecktrustRotapost
      Megaindexxtool.ru
      SeopultSape
      GogetlinksRotaban.ru
Афоризма месяца: Победить плохие привычки легче и проще сегодня, чем завтра. / Восточный мудрец, мудрый человек Конфуций
Лучшая финансовая игра

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

К этому посту меня подтолкнул сегодняшний вебинар, организованный Александром Борисовым, который проводил Руслан, где он рассказал о многих ошибках на блогах начинающих веб-мастеров.

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

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

Мнение о вебинаре Александра Борисова

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

Основные критические ошибки начинающих вебмастеров — которые нельзя допускать.

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

Юзабилити сайта — удобство пользователя при просмотре блога. Многие веб-мастера, считают, что привлекая посетителей из поисковых систем однажды — они смогут их удерживать постоянно. К примеру, на мой блог только из поисковых систем в среднем приходят 90% посетителей, а лишь единицы остаются.

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

Имейте терпение и выдержку, ну хотя бы пока не напишите 100 статей и трафик не станет 300 хостов в сутки — тогда и карты в руки!

Конечно, это не все ошибки, но очень важные!

Немного размышлений о кнопке социальных сетей на сайте

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

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

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

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

В интернете существует много различных серверов, которые помогают с установкой кнопок социальных сетей на ваш сайт, среди них и такие именитые, как Яндекс и Google, но мы рассмотрим не менее интересный способ с простой установкой социальных кнопок… Итак, встречаем — //sapegin.github.io/social-likes/ru/ (скопируйте и вставьте в браузер).

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

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

Сайт предоставляет 3 вида скина:

Горизонтальные

Классическийклассический горизонтальный

Плоский

плоский горизонтальный

 Бирман Бирман

Вертикальные

Классический

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

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

Оставшиеся скины я покажу в сокращённом варианте, используя только две социальные сети. А то и так статья, наверное, утомляет? Дальше, постараюсь короче писать. Хотя думаю с выбором вида, вы определитесь самостоятельно. Переходим к коду установки кнопок.

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

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

А я всего-то не скачал один файл с этого сайта — jquery-1.11.3.min (откроется в новом окне).  

JQuery

Открываем и качаем указанный, стрелочкой файл — Download the compressed, production jQuery 1.11.3, возможно, на момент прочтения статьи версия файла будет выше, сейчас 1.11.3.

В случае если ваша версия отличается от моей просто в коде, который вам выдаст система Social Likes, замените на свой.

В моём случае система предложила этот код:

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

<p>Как многие догадались, вот эту строчку</p>
< Сценарий SRC = "jquery.min.js" > </ скрипт >

меняем на эту:

< Сценарий SRC = "JQuery-1.11.3.min.js" > </ скрипт >

(не забывайте учесть полный путь к файлу, если он у вас установлен не в корневой директории, то запрос будет выглядеть так)

<script src="путь к файлу/jquery-1.11.3.min.js"></script>

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

копируем код

Поля, адрес страницы, название — можете не заполнять. У вас должен быть примерно такой код.

[заметка]

Открываем, главную страницу вашего сайта, обычно это index.html либо index.php

Если вы используете wordpress — header.php

Если DLE — main.tpr

Ищем в коде — /head

[/заметка]

И вставляем выше кода /head, следующее:

< link rel = "stylesheet" href = "social-likes_classic.css" >
 < script src = "jquery.min.js" > </ script >
 < script src = "social-likes.min.js" >
 </ script >

У меня получилось вот так:

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

Оставшийся код вставьте в то место, где хотите видеть кнопки социальных сетей.

<div class="social-likes">
<div class="facebook" title="Поделиться ссылкой на Фейсбуке">Facebook</div>
<div class="twitter" title="Поделиться ссылкой в Твиттере">Twitter</div>
<div class="mailru" title="Поделиться ссылкой в Моём мире">Мой мир</div> 
<div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Вконтакте</div> 
<div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> 
<div class="plusone" title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

У меня вышло так, я вставлял код в файл single.php (wordpress):

seovpmr.ru

Теперь, остаётся только проверить отображения на сайте. Если не будет отображаться, попробуйте почистить КЭШ сайта и браузера. Кстати, если будет близко отображаться к контенту просто пропишите </br>, сверху <div>.

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

UpToLike Social Share Buttons — это один из инструментов, который сможет с лёгкостью настроить социальные кнопки на ваш блог, но его работа немного тормозить скорость загрузки сайта (незначительно).

Установить этот плагин проще, простого. Открываем админ раздел wordpress — плагины — добавить новый.

плагин соц. кнопки

В строке поиск, пишем — UpToLike Social Share Buttons, и жмём enter.

UpToLike Social Share Buttons

Жмём кнопку установить плагин. После установки просто откройте настройки плагина.

соц. кнопки

Открываем конструктор и экспериментируем с расположением кнопок, в общем, потренируйтесь — у вас все получится, даже не сомневаюсь.

Подписка на рассылку

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

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

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

Понравилась статья? Не будь редиской, перепость!

8 комментариев

  • Chupacabra:

    По статистике каждый 65 посетитель делится страницей в социальной сети. В среднем люди делают 2-3 лайка понравившейся страницы, публикуя ее в разные сети. По размещенной в социальной сети ссылке приходят 6 новых посетителей. Среднее количество просмотренных страниц — более 2-х за сессию.

  • Олег Лютов:

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

  • Дамир:

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

  • Олег Лютов:

    Это вы правильно делали, наверно кто-то подсказал?

  • Евгений:

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

  • Олег Лютов:

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

Оставить комментарий