Больше результатов...

Generic selectors
Только точные совпадения
Искать в заголовках
Искать в контенте
Post Type Selectors
Filter by Categories
FAQ
Hostenko
Вдохновение
Видеоуроки
Новости
Плагины
Темы
Уроки
Хаки

В этом коротком уроке я покажу вам, как с помощью небольшого кусочка кода отобразить суммарное количество социальных активностей (лайков, твитов и +1) для записей WordPress. Зачем это может быть нужно? Часто громоздкие кнопки со своими счетчиками выбиваются из общей стилистики сайта и отвлекают внимание, тогда как маленький скромный счетчик с общим количеством всех реакций может элегантно вписаться в оформление страницы. К тому же, вы можете поместить его куда угодно и оформить как угодно.

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

inet.ws - Powerful VPS Hosting in the USA, Canada, UK and DE!

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

<?php
$url = ((!empty($_SERVER['HTTPS'])) ? "https://": "http://" ) . $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
$json = file_get_contents("http://api.sharedcount.com/?url=" . rawurlencode($url));
$counts = json_decode($json, true);
echo "This page has " . $counts["Twitter"] ." tweets, " . $counts["Facebook"]["like_count"] . " likes, and ". $counts["GooglePlusOne"] . "+1's";
?>

В результате выполнения этого кода вы увидите в вашей записи что-то вроде этого:

This page has 30 tweets, 3 likes, and 13 +1's.

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

<?php
$url = ((!empty($_SERVER['HTTPS'])) ? "https://": "http://" ) . $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
$json = file_get_contents("http://api.sharedcount.com/?url=" . rawurlencode($url));
$counts = json_decode($json, true);
echo $counts["Twitter"] + $counts["Facebook"]["like_count"] + $counts["GooglePlusOne"];
?>

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

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

inet.ws - Powerful VPS Hosting in the USA, Canada, UK and DE!
Алексей Шевченко
редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Комментарии к записи: 8

Влад:

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

WPcafe.org:

http://wordpress.org/plugins/gd-star-rating/

Влад:

Спасибо.

Эклерк:

а можно к этому коду добавить «вконтакте» и одноглазников? или этот иностранный сервис не работает с ними?
Т.е. хочется иметь общую цифирку от
1-фейсбук
2-твиттер
3-гугл плюс
4-вконтакте
5-одноклассники

WPcafe.org:

Этот сервис не умеет работать с контактом и одноклассниками. Нужно поискать другое решение.

Эклерк:

Хорошо, пусть по фейсбуку, твиттеру и гугл+
А как реализовать рейтинг статей по итоговой цифре?
Иначе (без выстраивания статей по иерархии в зависимости от итоговой цифры ссылок из соцсетей) эта ф-ция не информативна имхо.

WPcafe.org:

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

Иван:

Добавил код в index.php, счетчик вывелся, но показывает для каждой статьи одинаковые значения, что не так я сделал?

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