Как установить кнопки социальных сетей на wordpress
Поделиться
Данный пост является продолжением цикла постов “Социальные кнопки“. Как я и обещал в предыдущем видеоуроке “Кнопка twitter – Как добавить кнопку twitter на свой сайт” речь пойдет про социальные кнопки, которые очень сильно могут привлечь к вашему посту большое количество посетителей с социальных сетей и сервисов, естественно при условии высокого качества самого поста.
Социальные кнопки являются одним из способов продвижения вашего блога с помощью социальных сетей и сервисов с целью привлечь дополнительных посетителей на ваш блог. Продвижение здесь получается за счет посетителей вашего блога, которым понравился тот ли иной пост, и они оставляют активную ссылку на него в своем профиле в одной из социальных сетей или сервисов.
Социальные кнопки позволяют посетителю очень удобно и быстро добавить в свой аккаунт социальной сети ссылку на понравившийся ему пост, с размещением заголовка этого поста в виде активной ссылки. Посетитель всего лишь щелкает по нужной ему кнопке социальной сети – и ссылка уже в аккаунте социальной сети и сервисе, при желании можно еще прокомментировать эту ссылку.
В интернете есть различные сервисы и способы добавления социальных кнопок. Мы же рассмотрим самый лучший, на мой взгляд сервис, а остальные основные сервисы мы затронем вкратце в конце поста. Итак, называется он share42.com и создал его известный блоггер Dimox.
Социальные кнопки share42.com
Демо можно посмотреть с левой стороны страницы данного поста.
Основные преимущества социальных кнопок закладок и сетей от Share42.com
Единый стиль иконок.
Выбор размера иконок: 32х32, 24х24, 16х16
Оптимизированный код скрипта, кэшируется браузером, код скрипта устанавливается на ваш блог и не зависит от сторонних сайтов. Данный метод позволит избежать потери в скорости загрузки блога.
Простая установка на ваш блог.
Все ссылки формируются с помощью JavaScript и поэтому на блоге не увеличится количество внешних ссылок.
Оптимальный HTML-код. В шаблон блога вставляется всего одна строка кода, а весь код формируется с помощью JavaScript.
Скрипт работает на любых CMS и платформах.
Набор иконок группируется в одну картинку (спрайт), что так же снижает количество обращений к серверу.
Большой выбор социальных сервисов (45 кнопки).
Возможность использования css стилей для иконок.
Как установить кнопки социальных сетей на wordpress мы рассмотрим в видеуроке на примере социальных кнопок от Share42.com
[spoiler name=”ВидеоурокДля открытия – нажмите“]
[/spoiler] [spoiler name=”Необходимые данныеДля открытия – нажмите“]
В первую очередь заходим на сервис share42.com и настраиваем нужные вам кнопки и параметры для их вывода.
Скачиваем на свой компьютер сформированный архив.
Закидываем папку из скаченного архива на хостинг в корень блога.
Вставляем в шаблон полной новости блога single.php следующий код:
[crayon lang=”js”]
[/crayon]
Не забудьте вместо http://site.ru вставить ссылку до папки share42 на вашем блоге.
Почти закончили. Зайдите в любую из ваших статей и смотрите – если кнопки появились, значит мы на правильном пути. Для того, чтобы красиво оформить социальные кнопки и сделать их плавающими, надо добавить в style.css вот такое свойство:
[crayon lang=”css”]#share42 { position: fixed; z-index: 2000; margin-left: -70px; /* смещение влево от края контента */ }
Вот и все у Вас на блоге уже стоят кнопки социальных сетей. У кого есть желание, могут его отблагодарить индексируемой ссылкой.
По аналоги добавляются и все остальные кнопки других сервисов.
[/spoiler]
Другие сервисы по добавлению социальных кнопок
“Одна кнопка”
Одна кнопка — сервис по добавлению ссылок на пост в социальные закладки и сети. Плюс в том, что не требуется устанавливать дополнительные плагины на блог. Сама кнопка смотрится не плохо, установка не сложная и проходит быстро.
Блок «Поделиться»
Блок «Поделиться» от Яндекс – сервис по добавлению кнопки с выпадающим списком социальных сетей. В список вошли восемь самых популярных соцсетей: Вконтакте, Одноклассники, Я.ру, МойМир, Facebook, Livejournal, Friendfeed,Twitter . Положительную сторону данного блока могут почувствовать пользователи Яндекс.Метрика т.к. все ссылки поставленные через Блок «Поделиться» можно отследить в данном сервисе.
Addthis
Addthis – предлагает разместить на вашем блоге виджет для постинга с огромнейшим количеством социальных сервисов. Владелец блога может установить его в виде кнопки и собрать на этой кнопке закладки на все социальные сервисы, в которые можно добавлять материалы с блога. Минус данного сервиса в том, что он англоязычный и в нем имеется огромное количество соц. сервисов которыми не то, что не пользуются в рунете, а скорей всего и не слышали про такие.
Здравствуйте! Второй день бьюсь, но у меня ничего не получается. Вроде все делаю по вашей инструкции пошагово, но…:( Просто ничего не появляется на сайте, никаких кнопок и все тут 🙁 Правда, в share42. у меня получилось не две строчки кода, как у Вас, а три. Я и две вставляла и все три, все равно не получается.
Здравствуйте, Юрий! Не совсем понял где вы видели у меня в примере 2 строчки кода? Код который вставляется в пост 3-х строчный. Проверьте правильность пути до папки с файлами. Надо следовать инструкции и все должно у вас заработать.(только что перепроверил). Попробуйте обновить КЭШ.
У меня на блоге установлен стандартный шаблон. Под статью ну никак не могу вставить кнопки, как не пытался… Получилось только поставить кнопку над статье!)
В стандартных шаблонах в одном шаблоне статьи разделяются на форматы постов надо править content.php и в остальных форматах. А в другом шаблоне правится loop-single.php
Здравствуйте, Игорь! Отличная статья и самое главное полезная, но я никак не могу установить себе на блог эти кнопочки. У меня установлен не стандартный, во всех планах, шаблон вордпресс, зовут его Mystique. Мне чайнику очень тяжело с ним общаться. Помогите… 😆
Максим, надо внимательно следовать инструкции рассказанной в видеоуроке. Проверял и на вашей теме все работает. Код кнопок надо вставлять в single.php не забыть прописать нужные стили и желательно обновить КЭШ. И все у вас максим заработает.
Игорь, большое спасибо Вам. Все получилось!!! Хотел спросить, у Вас в начале сайта очень красивые иконки, соц. сетей, не подскажите где такие можно взять?
В основном, такая богатая функциональность не шибко нужна. Обычно хватает твиттера, гугл +1, вконтакте мне нравится и ай лайк ит в фейсбуке. Остальное не очень популярно.
Данная система конечно прикольна, но на мой взгляд не такая уж эффективная, так как на самом деле материал должен быть очень хорошим чтобы посетителю захотелось им поделиться. Хотелось бы увидеть плагин с возможностью логина с множества соц сетей на сайт.
Товарищи подскажите в чем может быть проблема, если кнопка ГУГЛ +1 не работает. Пользую плагин Share Buttons, подскажите можно ли исправить код кнопки в самом теле плагина?
Данным плагином не пользовался подсказать не могу. Но совет дам, пользуйтесь социальными кнопками share42.com они и работают, и гибконастраиваемые и блог не тормазят.
У меня ,также, справа в меню, виджетом добавлен вертикальный блок адсенса “Easy AdSense Lite”. Сбоку есть место, как туда рядом запихать вертикальный блок кнопок? 😈
Здравствуйте, устанавил эти кнопки, но почему то вышел белый квадрат, внутри есть ссылки на блоги, но иконок нет, не знаю где подправить код..прикрепил пару скриншотов http://SSMaker.Ru/addcfea9/ http://SSMaker.Ru/4b597a99/
Здравствуйте, Игорь! У меня такой вопрос: на нашем сайте на главной странице к каждой записи появились кнопки “поделиться в соц.сетях” (очень некрасиво), до этого они были только в самих статьях. Как это появилось я не знаю… Создатель нашего сайта “пропал”, и обратиться мне не к кому, а я занималась только наполнением сайта (и вообще в этом деле новичок). Как можно убрать эти кнопки с главной? и оставить только в записях?
У меня установлен плагин Share Buttons. Все бы ничего, но не работает Like Faceboock. В настройках написано:
Пожалуйста, зарегистрируйте свой API ID для использования кнопки от Facebook и живого примера, иначе кнопка работать не будет.
Пишу API ID, перехожу по ссылке для регистрации и …..дальше “торможу”, не зная, что делать. Если вы сталкивались с таким вопросом, помогите мне, пожалуйста. Конечно, вы можете сказать, что установи кнопки, как написано в статье, а эти убери, так вот тут возникнет новая проблема, потому, что я такой “спец”, что в корневом каталоге могу такого “накрутить”, что ой-ё-ёй.
Я с данным плагином не работал, поэтому не могу подсказать. Можете поискать другой плагин дабы их уйма. Но я советовал бы вам обойтись без плагина как описано в посте. Данный способ совсем не сложен.
Здравствуйте! Мой сайт на движке WordPress. Разместил кнопки как на странице каждого поста, так и в ленте новостей под каждым постом (вставил код в single.php и index.php). Но. Зачастую люди просматривают ленту новостей не заходя на отдельную страницу поста, и кликают на кнопки соцсетей прямо с ленты новостей. И я неожиданно обнаружил, что с ленты новостей при клике на кнопки всегда вставляется один и тот же адрес – адрес Главной страницы, а не адрес цитируемого поста. Пожалуйста, подскажите, как сделать так, чтобы при нажатии с ленты новостей цитировалась ссылка поста, а не Главной страницы сайта? Это действительно очень важно для блога, особенно если посты лаконичные, и пользователь просто не заходит на страницу поста.
Здравствуйте! Я встречал только модули(виджеты) у которых такой принцип работы, который вы описали. Они берут ссылку из браузера той страницы на который вы находитесь в данный момент. Других способов я к сожалению не встречал.
Описанный мной функционал реализован, например, в Живом Журнале. Технически, как я понимаю, реализовать это очень просто. Но нужны более глубокие знания php, MySQL, которых у меня, к сожалению, нет.
Спасибо, с помощью Вашей статьи, все получилось. До этого стояли кнопки посредством плагина, но как мне казалось, они слишком грузили блог. С вариантом кнопок share42 все ок!)
57 комментариев
Я считаю что хватит и двух кнопок гугла и твиттера
Это вы зря. Это прекрасный способ социальной раскрутки. И ставить надо как минимум все основные кнопки социальных сетей.
Здравствуйте! Второй день бьюсь, но у меня ничего не получается. Вроде все делаю по вашей инструкции пошагово, но…:( Просто ничего не появляется на сайте, никаких кнопок и все тут 🙁
Правда, в share42. у меня получилось не две строчки кода, как у Вас, а три. Я и две вставляла и все три, все равно не получается.
Здравствуйте, Юрий! Не совсем понял где вы видели у меня в примере 2 строчки кода? Код который вставляется в пост 3-х строчный. Проверьте правильность пути до папки с файлами. Надо следовать инструкции и все должно у вас заработать.(только что перепроверил). Попробуйте обновить КЭШ.
Спасибо автору за такую замечательную статью! Она мне очень помогла.
У меня на блоге установлен стандартный шаблон. Под статью ну никак не могу вставить кнопки, как не пытался…
Получилось только поставить кнопку над статье!)
В стандартных шаблонах в одном шаблоне статьи разделяются на форматы постов надо править content.php и в остальных форматах. А в другом шаблоне правится loop-single.php
Игорь, виноват! Делал неправильно, переделываю.
Здравствуйте, Игорь! Отличная статья и самое главное полезная, но я никак не могу установить себе на блог эти кнопочки. У меня установлен не стандартный, во всех планах, шаблон вордпресс, зовут его Mystique. Мне чайнику очень тяжело с ним общаться. Помогите… 😆
Максим, надо внимательно следовать инструкции рассказанной в видеоуроке. Проверял и на вашей теме все работает. Код кнопок надо вставлять в single.php не забыть прописать нужные стили и желательно обновить КЭШ. И все у вас максим заработает.
Игорь, большое спасибо Вам. Все получилось!!! Хотел спросить, у Вас в начале сайта очень красивые иконки, соц. сетей, не подскажите где такие можно взять?
Максим, любые иконки можно найти в интернете их там полно. Данные иконки которые вам нужны можно взять например здесь .
Переделал, все работает на отлично! Спасибо!
Я рад за Вас, Юрий, что у Вас все получилось.
Игорь, добрый день. На моем сайте появляется панель, даже кнопочки работают, но нет иконок. В чем может быть проблема?
На это может быть 2 причины. Первая вы не закачали себе на хостинг файл с иконками. Второе вы не правильно указали путь до этого файла в коде.
В основном, такая богатая функциональность не шибко нужна. Обычно хватает твиттера, гугл +1, вконтакте мне нравится и ай лайк ит в фейсбуке. Остальное не очень популярно.
Каждому свое. Самое главное, что каждый может настроить эти кнопки по своему вкусу.
У меня что то не получилось,все сделал точно так-же как на видео.
Следуйте внимательнее инструкцие
Данная система конечно прикольна, но на мой взгляд не такая уж эффективная, так как на самом деле материал должен быть очень хорошим чтобы посетителю захотелось им поделиться. Хотелось бы увидеть плагин с возможностью логина с множества соц сетей на сайт.
Товарищи подскажите в чем может быть проблема, если
кнопка ГУГЛ +1 не работает. Пользую плагин Share Buttons,
подскажите можно ли исправить код кнопки в самом теле
плагина?
Данным плагином не пользовался подсказать не могу. Но совет дам, пользуйтесь социальными кнопками share42.com они и работают, и гибконастраиваемые и блог не тормазят.
Спасибо за совет!
Спасибо за полезную информацию
Игорь, большое спасибо! Я в вордпрессе не очень, но с помощью вашей статьи, я установил себе соц. Все работает!
Александр, всегда пожалуйста!
У меня ,также, справа в меню, виджетом добавлен вертикальный блок адсенса “Easy AdSense Lite”. Сбоку есть место, как туда рядом запихать вертикальный блок кнопок? 😈
Если вы хотите добавить, через виджет – то вам надо установить плагин WP PHP widget в этот виджет уже можно будет вставлять коды.
Спасибо Игорь очень полезная статья!! 😛 😛 😛
Спасибо мне эта статья помогла.
Здравствуйте, устанавил эти кнопки, но почему то вышел белый квадрат, внутри есть ссылки на блоги, но иконок нет, не знаю где подправить код..прикрепил пару скриншотов http://SSMaker.Ru/addcfea9/
http://SSMaker.Ru/4b597a99/
Большое спасибо автору!Я новичек, очень помогло, все поставил, работает! 🙂
share42.com самая вещь ! Пользуюсь на своём блоге и хлопаю в ладоши от счастья
Спасибо за видео урок!!!!!!
подскажи где поправить код,на мазиле бока.Белый экран а потом ниже отображения поста
А в инет. эксплоуре вообще не отображается
Здравствуйте, Игорь! У меня такой вопрос: на нашем сайте на главной странице к каждой записи появились кнопки “поделиться в соц.сетях” (очень некрасиво), до этого они были только в самих статьях. Как это появилось я не знаю… Создатель нашего сайта “пропал”, и обратиться мне не к кому, а я занималась только наполнением сайта (и вообще в этом деле новичок). Как можно убрать эти кнопки с главной? и оставить только в записях?
Я посмотрел ваш сайт и не увидел там соц. кнопок на главной странице. 😈
У меня установлен плагин Share Buttons. Все бы ничего, но не работает Like Faceboock. В настройках написано:
Пожалуйста, зарегистрируйте свой API ID для использования кнопки от Facebook и живого примера, иначе кнопка работать не будет.
Пишу API ID, перехожу по ссылке для регистрации и …..дальше “торможу”, не зная, что делать. Если вы сталкивались с таким вопросом, помогите мне, пожалуйста. Конечно, вы можете сказать, что установи кнопки, как написано в статье, а эти убери, так вот тут возникнет новая проблема, потому, что я такой “спец”, что в корневом каталоге могу такого “накрутить”, что ой-ё-ёй.
Я с данным плагином не работал, поэтому не могу подсказать. Можете поискать другой плагин дабы их уйма. Но я советовал бы вам обойтись без плагина как описано в посте. Данный способ совсем не сложен.
Большое спасибо за видеоуроки! Всё сделала по ним – получилось, работает, очень красиво. Очень благодарна вам за детальное объяснение!
Большое спасибо за статью. Интересует как добавить иконки “Мы в социальных сетях” как у вас на сайте между шапкой и статьей?
Это просто иконки с ссылками вставленные вручную в шаблон.
хотела по вашему видео установить кнопки шаре 42, но это сделать совершенно невозможно, потому, что рассказано совсем непонятно.
Если не понятно по видео читайте тогда пост.
На самом сервисе все предельно ясно. идете и делаете себе кнопки какие захотите 😉
Игорь, а вы не знаете как установить на главной в постах соц.кнопки?
Код надо вставлять в файл отвечающий за вывод постов на главную, как правило в простых шаблонах это index.php .
Спасибо
На вкус и цвет как говорится.. Но я пользуюсь сервисом от Яши
Здравствуйте!
Мой сайт на движке WordPress.
Разместил кнопки как на странице каждого поста, так и в ленте новостей под каждым постом (вставил код в single.php и index.php).
Но. Зачастую люди просматривают ленту новостей не заходя на отдельную страницу поста, и кликают на кнопки соцсетей прямо с ленты новостей. И я неожиданно обнаружил, что с ленты новостей при клике на кнопки всегда вставляется один и тот же адрес – адрес Главной страницы, а не адрес цитируемого поста.
Пожалуйста, подскажите, как сделать так, чтобы при нажатии с ленты новостей цитировалась ссылка поста, а не Главной страницы сайта?
Это действительно очень важно для блога, особенно если посты лаконичные, и пользователь просто не заходит на страницу поста.
Спасибо!
Здравствуйте!
Я встречал только модули(виджеты) у которых такой принцип работы, который вы описали. Они берут ссылку из браузера той страницы на который вы находитесь в данный момент. Других способов я к сожалению не встречал.
Описанный мной функционал реализован, например, в Живом Журнале. Технически, как я понимаю, реализовать это очень просто. Но нужны более глубокие знания php, MySQL, которых у меня, к сожалению, нет.
Спасибо, с помощью Вашей статьи, все получилось. До этого стояли кнопки посредством плагина, но как мне казалось, они слишком грузили блог. С вариантом кнопок share42 все ок!)
Спасибо, воспользуюсь информацией, а пока кнопки выводит плагин, но пора видимо исправляться.
Спасибо за подробное объяснение процесса, кнопочки мной успешно установлены и не возникло никаких сложностей, хотя я не специалист в этой области.