
Видеоурок и статья научат ставить на сайт социальные кнопки Twitter, Facebook, ВКонтакте, Мой Мир, Одноклассники, Яндекс, Google+1 без плагинов. В статье даны скрипты, полученные на сайтах этих социальных сетей.
Для привлечения посетителей, продвижения и раскрутки сайта в социальных сетях существует два способа SMO (Social Media Optimization) и SMM (Social Media Marketing). Это два различных комплекса мероприятий, которые выполняются следующим образом:
SMM – внутри социальных сетей;
SMO – на сайте.
В данной статье воспользуемся одним из пунктов SMO – оптимизации – это установка социальных кнопок на сайт.
Наши кнопки будут установлены в конце каждой записи нашего сайта.
Перед тем, как занести скрипты на наш сайт, удобно подготовить их в блокноте. Для этого открываем через кнопку “Пуск” на компьютере программу “Блокнот” и подготавливаем в нем следующий шаблон:
===============Начало шаблона=======================================
Устанавливаем социальные кнопки Twitter, Facebook, ВКонтакте, Твой Мир,
Одноклассники, Яндекс, Googl +1
--------------------------------------------------------------------
Вставить перед закрывающим </head> в файл header.php:
-------
<!-- Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
<!-- /Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Page Head and Footer", в поле "Code to be added on HEAD section of every page"
(после открывающего <body>)
-------
<!-- Скрипт для кнопки Facebook Мне нравится -->
<!-- / Скрипт для кнопки Facebook Мне нравится -->
------
<!-- Скрипт для кнопки Яндекс -->
<!-- /Скрипт для кнопки Яндекс -->
------
<!-- Скрипт для кнопки google +1 -->
<!-- /Скрипт для кнопки google +1 -->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Post content", в поле Code to be inserted after each post.
(Вставка кода после каждого поста категории).
-----
<!-- Все социальные кнопки -->
<!-- /Все социальные кнопки -->
================Конец шаблона=======================================
После того, как все скрипты будут собраны в “Блокноте” перенесём их с помощью админпанели на сайт. Для этого рекомендую воспользоваться плагином Header and Footer. Если он у Вас ещё не установлен, рекомендую установить. Подробнее об этом плагине можно почитать в моей статье: “Header and Footer. Как вставить код на сайт”
С помощью этого плагина можно вставлять скрипты между открывающим и закрывающим тегами body.
Кнопка социальной сети “Twitter”
Давайте начнём установку с кнопки Twitter. Вводим ссылку в командном окне браузера
twitter.com/about/resources/buttons#tweet
и попадаем на такую страницу:
Я рекомендую использовать кнопки со счетчиками, которые показаны на первом рисунке. Если человек увидел на счетчике, что уже кто-то поделился статьей с друзьями, ему так же захочется поделится этой статьёй и он непременно воспользуется кнопками социальных сетей.
На странице Twitter подберём параметры и получим код для расположения кнопки на нашем сайте.
Выбираем вид кнопки со счетчиком.
Теперь подбираем параметры:
– если мы хотим, чтобы в Twitter отправлялась ссылка текущей страницы нашего сайта, отмечаем “использовать URL-адрес страницы”. Если поставить точку возле окошка ниже, можно ввести адрес другой страницы. Оставляем адрес текущей страницы;
– в поле “Текст” можно использовать название текущей страницы, а поставив точку возле окошка, можно ввести другой заголовок. Оставляем заголовок текущей страницы;
– ставим отметку “Показывать счетчик”;
– в поле “Через” желательно вводить свой логин;
– можно заполнить поля “Рекомендовать” и “Отметить”, я не заполняла;
– выбираем размер кнопки не большой;
– выбираем язык: “Русский”.
После выбора вида кнопки и параметров видим в окошке сформировавшийся код нашей кнопки Twitter. Код имеет примерно такой вид:
<a href="https://twitter.com/share" class="twitter-share-button"
data-lang="ru">Твитнуть</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id))
{js=d.createElement(s);
js.id=id;js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-wjs");</script>
Копируем его и вставляем в наш шаблон в “Блокноте” в то место, где будет находится наша кнопка между строками:
<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>
Кнопка социальной сети “Facebook”
Сформируем код для кнопки Facebook. Для этого набрав в командном окне браузера
developers.facebook.com/docs/reference/plugins/like/
попадаем на страницу с английским текстом. Рекомендую использовать браузер Google Chrome, в котором легко переводится текст на русский язык. В результате перевода получаем следующую страницу:
Подберём параметры для нашей кнопки Facebook.
– если ничего не вводить в первое поле, в Facebook отправится текущая страница нашего сайта. Если хотим отправить другую страницу, задаем в окошке её URL (ссылку);
– поставив или убрав флажок в чекбоксе “Отправить кнопки”, можно изменить вид кнопки, я убираю флажок;
– выбираем “Макет Стиль” нашей кнопки button-count со счетчиком справа;
– можно изменить ширину кнопки, оставляю по умолчанию;
– в чекбоксе “Показать лица” убираю флажок. Если галочку оставить можно видеть лица людей, поделившихся статьей;
– текст на кнопке выбрать: “Я рекомендую” или “Мне нравится”;
– цвет кнопки сделать тёмным или светлым;
– поменять шрифт текста на кнопке.
Выбрав параметры нажимаем: “Получить код”.
Наш код состоит из двух частей. Первую часть кода, которая имеет примерно такой вид:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
копируем и вставляем в наш шаблон в “Блокноте”, для последующей вставки после открывающего тега <body> между этими строками:
<!– Скрипт для кнопки Facebook Мне нравится –>
<!– / Скрипт для кнопки Facebook Мне нравится –>
Вторую часть кода, имеющего примерно такой вид:
<div class="fb-like"
data-send="false" data-layout="button_count"
data-width="450" data-show-faces="false"></div>
вставляем в то место, где будет размещена наша кнопка. В шаблоне это после кода кнопки Twitter между строками:
<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>
Кнопка социальной сети “ВКонтакте”
Для получения кнопки ВКонтакте необходимо быть зарегистрированным в данной социальной сети. Зарегистрироваться и войти в свой аккаунт можно по ссылке vk.com.
После регистрации переходим на страницу
vk.com/developers.php?o=-1&p=Like
где будем получать код нашей кнопки ВКонтакте.
После авторизации обновляем данную страницу и в окне: “Сайт/приложение” вместо такой надписи:
у нас появляется наименование нашего сайта.
Выбираем параметры нашей кнопки:
– “Варианты кнопок” – выбираем кнопку с миниатюрным счетчиком;
– “Высота кнопки” – 20px;
– “Название кнопки” – “Мне нравится”;
Получаем код кнопки, состоящий из двух частей. Первая часть кода имеет примерно такой вид:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript"
src="http://userapi.com/js/api/openapi.js?##"></script>
<script type="text/javascript">
VK.init({apiId: #######, onlyWidgets: true});</script>
Здесь вместо значков ## и ####### должны стоять цифры из Вашего кода.
Вставляем первую часть кода в шаблон “Блокнота” для дальнейшего расположения его перед закрывающим тегом </head> между строками:
<!– Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)–>
<!– /Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)–>
Вторая часть кода имеет примерно такой вид:
<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>
Вставляем вторую часть кода в то место, где будет находиться кнопка ВКонтакте. В нашем шаблоне после кода кнопки Facebook между строками:
<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>
Кнопки социальных сетей “Мой Мир@Mail.Ru” и “Одноклассники”
Сформируем коды кнопок Мой Мир и Одноклассники. Так как эти две социальные сети принадлежат одному хозяину – коды двух кнопок получим на одной странице. Набираем в браузере
api.mail.ru/sites/plugins/share/
и попадаем на страницу:
Выбираем параметры кнопок:
– тип кнопок – выбираем с надписью;
– надписи на кнопках;
– наличие счетчиков на кнопках;
– если у нас выбран тип кнопок без надписи – можно разрешить надписи перед кнопками или запретить, отметив чекбокс “Текст на кнопке”;
– ширина кнопок в процентах;
– очищаем поле “URL страницы”, чтобы в социальные сети Мой Мир и Одноклассники отправлялась текущая страница сайта. Если хотите отправлять другую страницу – задайте её URL.
Полученный код кнопок
<a target="_blank"
class="mrc__plugin_uber_like_button"
href="http://connect.mail.ru/share" data-mrc-config="{'type' :
'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true',
'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js"
type="text/javascript" charset="UTF-8"></script>
копируем и вставляем в то место шаблона, где будут расположены наши кнопки социальных сетей после кнопки ВКонтакте между строками:
<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>
Кнопка Я.ру социальной сети Яндекс
Для получения социальной кнопки Я.ру набираем в браузере
my.ya.ru/share.xml
и попадаем на страницу:
Подбираем параметры для нашей кнопки:
– размер (маленький, большой);
– стиль (кнопка, иконка);
– наличие счетчика (нет, есть);
– текст кнопки (поделиться или произвольный текст). Если выбрать “Произвольный текст” – открывается окно ввода текста и можно вводить любой текст;
– ссылка для публикации (URL текущей страницы, произвольный URL). Если выбрать “Произвольный URL” – можно вводить его в открывшемся окне;
– заголовок (заголовок текущей страницы, произвольный заголовок). Если выбрать “Произвольный заголовок” – можно ввести свой заголовок в открывшемся окне.
В полученном коде отделяем первую строку, которая имеет следующий вид:
<a counter="yes" type="icon" size="large" name="ya-share"> </a>
и вставляем в то место шаблона, где будут расположены наши кнопки социальных сетей после кнопок Мой Мир и Одноклассники между строками:
<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>
Остальную часть кода
<script charset="utf-8"
type="text/javascript">if (window.Ya && window.Ya.Share)
{Ya.Share.update();} else {(function(){if(!window.Ya) { window.Ya =
{} };Ya.STATIC_BASE = 'http:\/\/yandex.st\/wow\/2.6.6\/static';
Ya.START_BASE = 'http:\/\/my.ya.ru\/';
varshareScript = document.createElement("script");
shareScript.type ="text/javascript";shareScript.async = "true";
shareScript.charset = "utf-8";
shareScript.src =Ya.STATIC_BASE + "/js/api/Share.js";
(document.getElementsByTagName("head")[0] ||
document.body).appendChild(shareScript);})();}</script>
вставляем в шаблон в блокноте для дальнейшего расположения после открывающего <body>. Сейчас вставляем между строками:
<!– Скрипт для кнопки Яндекс –>
<!– /Скрипт для кнопки Яндекс –>
Кнопка +1 социальной сети Google
Сформируем код социальной кнопки +1. Для этого набираем в браузере
google.com/webmasters/+1/button/index.html
и попадаем на следующую страницу:
Подбираем параметры для нашей кнопки +1, идём от нижнего к верхнему:
– выбираем язык – русский;
– аннотацию (annotation). Если выбрать “Встроенное” – кнопка примет вид без счетчика, но с лицами и информацией о количестве нажатий на кнопку. При выборе “Нет” исчезает счетчик и вся информация, остаётся только кнопка. Выбираем “Всплывающее” – это кнопка со счетчиком;
– после выбора аннотации подбираем размер кнопки, рекомендую выбрать “Стандартный”.
После подбора параметров сформировался код. Наш код состоит из двух частей. Первую часть кода
<!-- Поместите этот тег туда, где должна отображаться кнопка +1-->
<g:plusone></g:plusone>
помещаем туда, где будет располагаться кнопка +1, в шаблоне блокнота после кода кнопки Я.ру между строками :
<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>
А вторую часть кода
<!-- Поместите этот вызов функции отображения в соответствующее место. -->
<script type="text/javascript">
window.___gcfg = {lang: 'ru'};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();</script>
после открывающего <body> между строками:
<!– Скрипт для кнопки google +1 –>
<!– /Скрипт для кнопки google +1 –>
Вставка кнопок социальных сетей в админпанель сайта
После того, как коды наших кнопок получены и занесены в “Блокнот”, шаблон приобрел такой вид:
===============Начало шаблона=======================================
Устанавливаем социальные кнопки Twitter, Facebook, ВКонтакте, Твой Мир,
Одноклассники, Яндекс, Googl +1
--------------------------------------------------------------------
Вставить перед закрывающим </head> в файл header.php:
-------
<!-- Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript"
src="http://userapi.com/js/api/openapi.js?##"></script>
<script type="text/javascript">
VK.init({apiId: #######, onlyWidgets: true});</script>
<!-- Здесь вместо значков ## и ####### должны стоять цифры из Вашего кода -->
<!-- /Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Page Head and Footer", в поле "Code to be added on HEAD section of every page"
(после открывающего <body>)
-------
<!-- Скрипт для кнопки Facebook Мне нравится -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- / Скрипт для кнопки Facebook Мне нравится -->
------
<!-- Скрипт для кнопки Яндекс -->
<script charset="utf-8"
type="text/javascript">if (window.Ya && window.Ya.Share)
{Ya.Share.update();} else {(function(){if(!window.Ya) { window.Ya =
{} };Ya.STATIC_BASE = 'http:\/\/yandex.st\/wow\/2.6.6\/static';
Ya.START_BASE = 'http:\/\/my.ya.ru\/';
varshareScript = document.createElement("script");
shareScript.type ="text/javascript";shareScript.async = "true";
shareScript.charset = "utf-8";
shareScript.src =Ya.STATIC_BASE + "/js/api/Share.js";
(document.getElementsByTagName("head")[0] ||
document.body).appendChild(shareScript);})();}</script>
<!-- /Скрипт для кнопки Яндекс -->
------
<!-- Скрипт для кнопки google +1 -->
<script type="text/javascript">
window.___gcfg = {lang: 'ru'};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();</script>
<!-- /Скрипт для кнопки google +1 -->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Post content", в поле Code to be inserted after each post.
(Вставка кода после каждого поста категории).
-----
<!-- Все социальные кнопки -->
<!-- Код кнопки Twitter-->
<a href="https://twitter.com/share" class="twitter-share-button"
data-lang="ru">Твитнуть</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id))
{js=d.createElement(s);
js.id=id;js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-wjs");</script>
<!-- Код кнопки Facebook -->
<div class="fb-like"
data-send="false" data-layout="button_count"
data-width="450" data-show-faces="false"></div>
<!-- Код кнопки ВКонтакте -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>
<!-- Код кнопки Мой Мир и Одноклассники -->
<a target="_blank"
class="mrc__plugin_uber_like_button"
href="http://connect.mail.ru/share" data-mrc-config="{'type' :
'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true',
'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js"
type="text/javascript" charset="UTF-8"></script>
<!-- Код кнопки Я.ру -->
<a counter="yes" type="icon" size="large" name="ya-share"> </a>
<!-- Код кнопки google +1 -->
<g:plusone></g:plusone>
<!-- /Все социальные кнопки -->
================Конец шаблона=======================================
Теперь необходимо перенести коды наших кнопок в админпанель сайта. Для этого заходим в админпанель, а в “Блокноте” смотрим, куда нам необходимо занести первый скрипт.
Первый скрипт нам нужно занести в файл header.php перед закрывающим тегом </head>. Копируем наш скрипт для кнопки ВКонтакте в шаблоне “Блокнота”, открываем в меню админпанели Дизайн=>Редактор, открываем файл header.php, находим закрывающий тег </head> и перед ним вставляем наш скрипт.
Не выходим из этого файла и смотрим в шаблоне “Блокнота”, куда нам нужно вставить следующий скрипт. Этот скрипт необходимо вставить после открывающего тега <body>. Для этого копируем наш скрипт и вставляем либо в этот же файл header.php после открывающего тега <body>, либо в окошко плагина Header and Footer.
Я рекомендую для этой цели использовать плагин Header and Footer.
Нажимаем кнопку “Обновить файл” для файла header.php, так как мы добавили в него скрипты.
Далее заходим в Настройки=>Header and Footer. Нам необходимо выбрать первый пункт меню этого плагина “Page Head and Footer” и вставить скопированные скрипты в центральное окошко “Code to be added on HEAD section of every page”. После этого не забываем нажимать save. С помощью этого плагина наши скрипты расположатся после открывающего тега <body>.
Далее смотрим в шаблоне “Блокнота”, куда нам нужно вставить следующий код. Его необходимо вставить в то место, где будут расположены наши социальные кнопки.
Копируем коды кнопок из шаблона в “Блокноте” и вставляем в тот же плагин Header and Footer в пункт меню “Post content” в нижнее окошко “Code to be inserted after each post”, чтобы наши кнопки располагались в конце каждого поста сайта. Если хотите расположить кнопки в начале статьи, вставляете в верхнее окошко.
Для закрепления материала рекомендую посмотреть видеоурок. Смотрите видеоурок, делайте кнопки социальных сетей и получайте удовольствие при продвижении сайта.
Для улучшения качества просмотра видеоролика нажмите на значок “1” в правом нижнем углу, который появится при наведении мышкой.
При желании можно увеличить размер видео на весь экран, нажав на значок “2”.
Коды в социальных сетях могут изменяться, поэтому не рекомендую использовать один к одному скрипты из моей статьи. Надежнее, пользуясь рекомендациями данной статьи и видеоурока получить свои коды по вышеуказанным ссылкам.
В следующей статье мы оформим наши кнопки социальных сетей в виде блока с заголовком и рамкой, написав для этого небольшую программу. Блок наших кнопок будет иметь такой вид:
Следующая статья и видеоурок называются: “Как сделать социальные кнопки горизонтально и в рамке“.
Спасибо за подробную инструкцию и видеоурок. Как раз собиралась избавиться от плагинов и установить скрипты социальных кнопок. Всё получилось. С нетерпением жду следующую статью, чтобы оформить кнопки в рамке.
Надя,это не статья – а настоящее исследование!Да еще и с видео!Я и представления не имела,что эти кнопки соцсетей устанавливаются с помощью скриптов! Прямо открытие для меня! После прочтения статьи и просмотра видео возникает ощущение неполноценности, заставляющее что-то срочно предпринять!Благодарю!
Можно устанавливать кнопки соцсетей и с помощью плагинов, но в каждом плагине либо какие-то недоработки, либо наворочено много лишнего. Нужно стараться ставить как можно меньше плагинов на сайт, так как при их установке на сайте создаётся масса файлов и дополнительных ссылок на другие ресурсы. Там, где можно обойтись простыми скриптами – лучше воспользоваться ими.
Какое-то время назад у меня тоже стоял выбор относительно кнопок на сайте. Правда поразмыслив все же было решено поставить блок кнопок от Яндекса. Пусть они маленькие и неприметны, лишены счетчика, но они меньше грузят сайт и меньше кода на странице.
Согласен на все сто! Счетчик конечно здорово, но время дороже.
Замечательная статья! Очень подробно рассказано про кнопки, какие они должны быть, и как их ставить. Вы выбрали действительно лучшие варианты из всех возможных. Если бы я ставил кнопки заново, обязательно воспользовался бы именно Вашей статьей.
Спасибо за информацию) удачи
Спасибо! То, что искал.
Спаси Бог за помощь.
Гена, рассмешили этой фразой))))))))
Надежда, всё конечно хорошо и конкретно описано в вашей статье, но ваш блог так пестрит от этих кнопок
Ну очень их много, перебор…
Спасибо интересная статья, все получилось, но вот проблема после нажатия на на кнопку twitter ссылку публикует, а счетчик остается равен 0, не подскажете в чем проблема?
Все вопрос снят. Работает. Еще раз огромное спасибо.
Спасибо за интересный материал. Но я лучше буду использовать кнопки share.pluso.ru – идеальный вариант!
Для тех, кто не хочет ставить на сайт готовые скрипты кнопок, идеальный вариант – это социальные кнопки сервиса Add This,который даёт доступ пользователям к более, чем 300 сервисов и закладок, при этом ещё собирает очень полезную статистику. Функции сервиса Add This и способ установки кнопок подробно даются в моём видеоуроке и статье: http://pib9.ru/prodbijenie-sajtov/addthis-knopki-sotsialnyih-setey-dlya-prodvizheniya-sayta.html. Рекомендую – отличный сервис.
Очень вам благодарен за подробно изложенную информацию!
Здравствуйте!
Знаете, возникла недавно такая проблема. Когда нажимаю на кнопки мне нравится (в мир) не отображается картинка, переходит только главная с шапки, а со страницы товара не могу выбрать. Что же делать? Ни как не пойму..
Пробовала разные варианты многие готовые скрипты, но ничего не выходит. Есть у меня такой же сайт с этой же темой – там все получается – здесь нет.
Помогите, пожалуйста
Ольга, если Вы хотите установить на своём сайте скрипты кнопок, описанных в данной статье, то для кнопок нужно задавать ссылки на те страницы, которые должны направляться в социальные сети после нажатия пользователем на эти кнопки или оставлять поле для ссылки пустым, тогда в социальную сеть будет отправляться текущая страница. В частности для “Мой Мир” и “Одноклассники” нужно сделать как описано в статье, цитирую:
“очищаем поле “URL страницы”, чтобы в социальные сети Мой Мир и Одноклассники отправлялась текущая страница сайта. Если хотите отправлять другую страницу – задайте её URL.”
Попробуйте выполнить эту рекомендацию и, я думаю, у Вас всё получится. Удачи Вам!
А как избавится от тега <a тоесть ссылки на твиттер? Не очень хочется наставлять на каждой странице ссылку на один и тот же сайт. Это ведь сквозная ссылка и их лучше избегать.
Можно закрыть ссылки тегами , а в тег
Отличная, подробная статья. Несколько моментов оказались новыми для меня. Спасибо.
А как сделать все кнопки в один ряд?
Евгений, как разместить кнопки в ряд описано и показано в моей статье и видеоуроке: http://pib9.ru/prodbijenie-sajtov/kak-sdelat-sotsialnyie-knopki-gorizontalno-i-v-ramke.html
Яндекс выпустил социальные кнопки со счетчиками. Яша как всегда радует
Яндекс с циферблатом супер, установил себе на блог!
Полезная информация. Спасибо за помощь!
Спасибо, очень помогли. Не зря писали статью.
А у вас должна отображаться кнопка +1 от Гугла? Сегодня заметил, что у меня на сайте не отображается, хочу понять это мой глюк или всё таки гугловский?
У меня отображается кнопка +1 от Гугла. Проверьте правильность Вашего кода.
Надежда, код правильный. Теперь и у меня отображается, это был какой то глюк гугла, сам гугл+ с перебоями работал.
Здравствуйте! Большое спасибо за статью!
Скажите, пожалуйста, как лучше поступить, если в шаблоне сайта уже установлен социальный слайдер в виде вертикальной рамки по краю сайта. Эти кнопки связывают группы социальных сетей с сайтом. Мне это очень нравится, но я хочу заменить некоторые социальные кнопки на другие. например, добавить вконтакте и одноклассники, сохранив при этом стиль кнопок.
Здравствуйте, Анастасия! Вам этот вопрос лучше задать разработчику шаблона.
Спасибо, за информацию! Полезная информация!
Кстати, еще в обзоре нет – это новый сервис кнопок социальных сетей.
Свежие, с чистым кодом, и красивым дизайном. С основным плюсами можно ознакомиться тут:
А еще там есть всплывающие окошки, лайк кнопка и дебаггер.