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

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
Теми
Уроки
Хакі

У цьому короткому уроці я покажу вам як за допомогою невеликого шматочка коду відобразити сумарну кількість соціальних активностей (лайків, твітів і +1) для записів WordPress. Навіщо це може бути потрібне? Часто громіздкі кнопки зі своїми лічильниками вибиваються із загальної стилістики сайту та відволікають увагу, тоді як маленький скромний лічильник із загальною кількістю всіх реакцій може елегантно вписатися в оформлення сторінки. До того ж, ви можете помістити його будь-куди і оформити як завгодно.

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та 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";
?>

В результаті виконання цього коду ви побачите у вашому записі щось на кшталт цього:

Ця сторінка має 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 в США, Canada, UK та 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, лічильник вивівся, але показує для кожної статті однакові значення, що не так я зробив?

Додати коментар або відгук