Кнопки социальных сетей для сайта - Блог свободного человека
   

Заработать на блоге

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

Как зарабатывать на блоге

Продаться дорого

Настроен серьезно? Есть сайт с тИЦ 10 и выше созданный для людей? Тогда продавайся дорого, хватит дешевых ссылок!

Размещаем ссылки и зарабатываем

Пиши и зарабатывай

Пиши статьи и зарабатывай на их продаже через интернет. Тебе в этом помогут биржи контента.

Зарабатываем с биржей статей


Полезное


Глобальные записиСвой блог за 1день это просто! 
Подборка статей, помогающих обычному человеку создать свой блог.


dollarЗаработать на своем сайте размещая статьи
Мы убиваем двух зайцев! Зарабатываем деньги и наполняем свой сайт контентом.


Заработок на файлахЗарабатываем на загрузке файлов
Как заработать на загрузке и скачивании файлов в интернет.


Рейтинги блогов список
Мой список рейтингов блогов. Я его модерирую, выбираю лучшие.


TwitterКак узнать, кто не следует за вами в Твиттер?
Как узнать, кто из тех за кем вы следуете в Твиттер, не следует за вами? Рекомендую шикарный сервис.


GetGoodLinksКак можно заработать с GetGoodLinks
Англоязычный раздел GetGoodLinks от холдинга Миралинкс. Совет по заработку в нем.


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


Партнерки для заработка
Лучший вид заработка это пассивный. Как вариант партнерские программы.


FacebookКак создать страничку своего сайта в Facebook
Подробная инструкция по созданию странички сайта в социальной сети Facebook.


Кросспостинг или минимум усилий

Моя схема кросспостинга. Наращиваем ссылки в блогах.


Продвижение сайта для начинающих
Как правильно начать продвигать сайт. Разумно тратим деньги.

Случайное фото

 
Нравится

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

Дата: 23.08.2011 г. Автор: Maiwend
]]>Печать]]> E-mail
(4 Голосов)
Кнопки социальных сетей для сайтаСделал я себе наконец нормальные кнопки из социальных сетей. Обошелся без всяких мамботов и плагинов, чем и поделюсь свами, но для владельцев сайтов на Wordpress посоветую плагин. А так же поговорим немного о важности этих самых кнопок.

 

Кнопка Google +1

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

Я долго не замечал нововведения, а когда оно уже стало маячить в инструментах для веб-мастеров от Google, стало очевидным, что это "ж-жж-ж-ж" неспроста. По моему мнению, в конечном счете, вся поисковая выдача будет подвластна этому социальному фактору. В описании кнопки +1 говориться, что это рекомендации между друзьями, то есть, нажимая +1, вы рекомендуете своему другу страницу как качественную и никому больше. Друзья берутся из контактов Google Talk и почты Gmail, лично у меня ни того ни другого нет, думаю у вас тоже, но это пока... В планах у Гугла было воспользоваться базой Twitter'a для увеличения аудитории +1. Если они еще не отказались от этого и у них все выйдет это уже будет поинтереснее. Триттер в Рунете вещь более распространенная.

Вам наверно интересно, а какого рожна тогда эту приблуду ставить на сайт, если проку с нее нет? Смысл есть! Во-первых, это сейчас количество "дружеских связей" в сервисах Гугла у наших соотечественников стремиться к нулю, а что будет через 5 лет, никто не знает. Во-вторых, если профиль пользователя не скрыт от индексации, а он таки жамкает эту кнопку на разных сайтах, то эти самые страницы, которые человек плюсанул, получают еще одну обратную ссылку. Я проверил, ссылки из открытого профиля индексируются и в Yahoo отображаются.

Кнопка Google +1 в идеале должна повысить трафик на рекомендуемую страницу из поисковой выдачи Google, потому что если ваш знакомый ее отрекомендовал, то и вы, скорее всего выберете ее среди остальных. Ничего, что пока в Рунете это не работает, набирать рекомендации на будущее все же стоит.

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

 

Кнопки Like

Это все остальные кнопки типа Нравиться, Поделиться и т.п. Тут мне рассказывать нечего, потому что вы и сами знаете, как они работают. В них тоже есть польза, это и обратные ссылки и трафик из социальных сетей. По нововведениям Google видно, что работая над улучшением качества поисковой выдачи, они приходят к единственному варианту - это учитыванию поведенческих факторов и цитируемости материала в социальных сетях. То есть выигрывать должен тот материал, который нравиться конечному потребителю. Принцип "и волки сыты и овцы целы" - пользователи получают качественные статьи, фотографии и другую информацию, которую искали, а вебмастеру воздается за его труды. Значит, установить кнопки типа "Like" нужно.

 

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

Wordpress

Для Wordpress есть отличный плагин Sociable RE. В нем туева хуча всевозможных закладок, которые вы сами можете выбрать в настройках. Скачиваем Sociable RE на Wordpress.org, затем распаковываем и заливаем на хостинг в папку /wp-content/plugins/. Получится путь /wp-content/plugins/sociable-re/ и тут файлики лагина.

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

Однако на момент написания статьи отсутствовала кнопка Google +1, думаю, автор плагина примет меры и добавит ее в скором времени.

Joostina

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

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

 

Универсальный способ для любого движка и статичных страниц

Я просто взял, прошелся по специальным страничкам от тех социальных сетей, которые меня интересовали и настроил такое отображение кнопок, которое мне нужно, а дальше просто расположив их в табличке зашил прямо в шаблон сайта. Страницы кнопок: Mail.ru, Vkontakte.ru, Twitter.com, Google.com, Facebook.com. Там ничего сложного на этих страницах, но можете взять полностью мой код, будет выглядеть как вверху над заголовком статьи:

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

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

Вот такой код у моей панельки соц. кнопок:

  
 
<head> 

<!-- Разместите этот тег в теге head или непосредственно перед закрывающим тегом body  -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ru'}
</script>
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?11" charset="UTF-8"></script>
</head>
...
<noindex>
 <table border="0" cellspacing="0" cellpadding="0" width="500"> <!-- Ширина таблици у вас может отличатся -->
  <tr>
      <td width="100">
          <center>
          <table border="0" cellspacing="0" cellpadding="0">
              <tr> <!-- Кнопка Vkontakte криво отображалась на моем сайте, поэтому я ее заменил простой картинкой, вы можете поставить кнопку-->
                  <td><script type="text/javascript"><!--
                    document.write(VK.Share.button(false,{type: "custom", text: "<img width=\"88\" height=\"21\" src=\"http://www.maiwend.ru/images/stories/button/social/vk.gif\" />"}));
                    --></script></td></tr>
        </table>
        </center>
    </td>
       <td width="110">
           <center>
           <table border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=209238179139821&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="55" show_faces="false" action="like" font=""></fb:like></td></tr>
        </table>
        </center>
    </td>
    <td width="110">
        <center>
        <table border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td><a target="_blank" rel="nofollow" class="mrc__plugin_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'type' : 'button', 'width' : '110'}">Нравится</a>
            <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script></td></tr>
        </table>
        </center>
    </td>
    <td width="90">
        <center>
        <table border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="Maiwend" data-lang="ru" rel="nofollow">Твитнуть</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td></tr>
        </table>
        </center>
    </td>
    <td width="100">
        <center>
        <table border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td><g:plusone></g:plusone></td></tr>
        </table>
        </center>
    </td>
  </tr>
 </table>
</noindex>

Я не стал заниматься миллиметражем и идеальным выравнивание кнопок, так как пока ее кто-нибудь не нажал хоть раз рядом все равно пустое место. Кроме того, кнопки "Сохранить В" и "Твитнуть" сделал без отображения числа нажатий. Будете править под себя, не забудьте о ширине таблицы и ширине столбцов. Еще у вас может быть кодировка не UTF-8, а windows-1251. И если кнопку Контакта не будете исправлять, то картинку скопируйте себе, а ссылку на картинку исправьте на свой сайт. Вот и все, берите напильник и подгоняйте под себя ;)

Комментарии  

 
+3 # Олег 08.10.2011 22:35
Хм, спасибо, наконец - то выравняю кнопки :D
Ответить | Ответить с цитатой | Цитировать
 
 
+2 # e-lovtzova 28.10.2011 10:11
Кнопочки очень нужный элемент сайта, происходит привлечение посетителей, да и трафик увеличивается благодаря социальным сетям. Спасибо за статейку!
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Олег 19.08.2012 13:48
спасибо, пригодилось ;-)
Ответить | Ответить с цитатой | Цитировать
 
 
0 # lsdxa 19.10.2012 16:01
нужны конечно..
но както посимпатичнее бы..
Ответить | Ответить с цитатой | Цитировать
 
 
0 # findotvet 07.01.2013 21:29
Хорошая статья, но я Sociable Re удалил у себя. Очень не красиво выглядит, поставил Share Buttons.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Mike 22.03.2013 13:41
Спасибо.Хорошая статья. Первую часть кода, я так понял надо вставить в index.php шаблона. А вот в какой файл шаблона вставляется вторая часть (панель с кнопками)?
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Maiwend 22.03.2013 21:06
Смотря, что у вас за движок. У меня все в index.php, первая часть в блоке (head) вторая в (body), но не просто так болтается, а именно в том месте, где вывод контента.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Владимир 25.03.2013 13:01
Раз Joostina 1.3.x, то вторая часть у меня вставлена перед
?php mos PathWay(); ?
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Владимир 25.03.2013 13:03
И не забудьте в ссылке Twitter'a поставить data-via="свой ник"
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Владимир 26.05.2013 09:38
Кнопки почти все изменились. Буквально последнее время они половина отвалились у меня, я сделал по новой код, но доводка отнимет много времени.
Мне нужно ехать.

Поэтому для создания своего кода, пока что используйте приведенные ссылки.
Мой код не ставьте, все равно работать не будет.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # trading techniques 20.08.2017 01:49
I had been honored to obtain a call from my friend when he discovered the important recommendations shared in your site.
Examining your blog publication is a real excellent experience.

Many thanks for thinking of readers much like me, and I
want for you the best of success as being a professional in this surface area.
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий

Если часть страницы заехала под шапку, сотрите из адреса:
#comments
#addcomments


Защитный код
Обновить


Интернет последние

Интернет популярные


Перепечатка и копирование возможно толька с установкой обратной индексируемой ссылки на сайт.
Maiwend @ 2010-2014