Как удалить старые посты из рейтингов

2012-12-04

Бывают ситуации, когда вам по какой-то причине необходимо удалить пост в блоге. Если при этом вы используете виджет лучших материалов, то удалённый пост (если он был популярным) ещё какое-то время может отображаться в виджете. А раз самого поста уже нет, то его заголовок, картинка, да и сама ссылка не него будут "сломанными". Чтобы ускорить процесс удаления битых постов из виджета топов в закладке Статистика административного интерфейса graddit появились новые полезные функции:

  • X - удалить историю без удаления самого рейтинга. Это позволит убрать виджет из топов, при этом сохранив данные по просмотрам и голосам;
  • ☠ - удалить рейтинг полностью.
После удаления соответствующая строка в статистике будет отмечена розовым цветом. Если рейтинг был полностью удалён, то он исчезнет из таблицы при следующем обновлеении страницы статистики.


Оцени и поделись
{[['']]}


Ещё больше полезного:

Blogger: сортируем посты по популярности

2012-11-04

Стандартно платформа Blogger предоставляет только две опции для сортировки постов: от новых к старым и наоборот. Виджеты Graddit дают возможность отобразить посты по убыванию или возрастанию их рейтинга. Посмотрите на эту страницу: http://fruitfulbookmarks-ru.blogspot.com/p/blog-page.html. На ней отображены 5 лучших постов из этого блога (по убыванию рейтинга). А на этой: http://fruitfulbookmarks-ru.blogspot.com/p/blogspot.html — анонсы лучших постов по теме "blogspot" (т.е. у которых есть метка blogspot).

Это не посты, а статические страницы, которые движок Blogger позволяет создавать. Если вы откроете исходный код этих страниц, то увидите, что на самом деле в них нет никаких постов, а лишь немного кода на javascript. Чтобы создать такую же страницу вам нужно:

  1. если вы всё ещё не создали аккаунт, сделайте это;
  2. создайте топ с нужными параметрами на закладке топов;
  3. В секции <head> своего шаблона подключите graddit-extras.js:
    <script src='http://static.graddit.com/js/graddit-extras.js' type='text/javascript'/>
  4. Создайте обычную HTML страницу, переключитесь в режим редактирования HTML и подключите jquery. Конечно, если эта библиотека ещё не подключена у вас в самом шаблоне:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
  5. Добавьте функцию, которая будет отвечать за загрузку и обработку ваших постов:
    <script type='text/javascript'>
    function gradditLoadTopPosts(id) {
    var element = $("#" + id);
    if (element.length > 0) {
    var wrapperDiv = $("#top5");
    if (wrapperDiv.length == 1) {
    element.find("a").each(function(i, a) {
    var host = a.hostname;
    var blogHost = "fruitfulbookmarks-ru.blogspot";
    if (host.indexOf(blogHost) >= 0) {
    var docHost = document.location.host + "";
    var level1Doc = docHost.substring(blogHost.length, docHost.length);
    var level1Post = host.substring(blogHost.length, host.length);
    var link = a.href;
    if (level1Doc != level1Post) {
    link = link.replace(blogHost + level1Post, blogHost + level1Doc);
    }
    var containerId = "top_posts_" + i;
    wrapperDiv.append("<div id='" + containerId + "' style='display: none;'></div>");
    var container = $("#" + containerId);
    container.load(link);
    setTimeout(function() {
    var post = container.find("div[class='post hentry']");
    if (post.length > 0) {
    var newText = "";
    if (i > 0) {
    newText = "<hr style='width: 100%; clear: both;'/>"
    }
    newText += gradditCutText(post.html(), 900, 2) + "<" + "br/><" + "br/>";
    var startIdx = newText.indexOf("<h3 class=\"post-title entry-title\">");
    var endIdx = newText.indexOf("</h3>");
    newText = newText.substr(0, startIdx) + "<a href='" + link + "'>" + newText.substr(startIdx, endIdx - startIdx + 5) + "</a>" + newText.substr(endIdx, newText.length);
    container.html(newText);
    container.show();
    }
    }, 2000 * (i + 1));
    }
    });
    }
    }
    }
    </script>
    Пара слов об изменениях, которые вам нужно будет сделать, чтобы подстроить функцию под ваш блог:
    • #top5 - это id контейнера, вы увидите его ниже; также, в зависимости от шаблона, вам, возможно, придётся изменить имена классов, которые обрабатываются в функции. Экспериментируйте.
    • в строке var blogHost = "fruitfulbookmarks-ru.blogspot"; замените адрес блога на свой; не пишите домен страны (.ru, .co.uk) или .com!
    • при вызове функции для обрезания текста постов gradditCutText второй параметр - это максимальная длина текста, а третий - полезная опция, которая позволяет обрезать посты с точностью до слова (0 - ничего не делать, 1 - обрезать до слова, 2 - удлинять до слова). Если вы не хотите обрезать текст совсем, укажите оба паратметра равными 0;
  6. добавьте элемент-контейнер для постов и вызов топа с callback функцией:
    <div id="top5"></div>
    <div id="graddit_top_wrapper" style="visibility: hidden; display: none;"></div><script type="text/javascript" src="http://www.graddit.com/showtop/rus/31?id=graddit_top_wrapper&callback=gradditLoadTopPosts"></script>
    Не забудьте заменить ID топа (31 в этом примере) на свой собственный, который можно найти в коде топа в админке.

Всё готово. А ещё в топах появилась возможность фильтровать посты по меткам. То есть (если вы дружите с JS) можно на одной странице, например, показывать лучшие посты по категориям. Конечно, это не совсем сортировка, а просто отображение N лучших постов. Но ведь можно, скажем, показывать не 5, а 20 постов, разбить на страницы и приделать листалку страниц. Если это приобретёт популярность, я обазательно расширю функциональность.



Оцени и поделись
{[['']]}


Ещё больше полезного:

Виджет рейтингов для Tumblr

2012-10-19
Виджет рейтигов Graddit теперь поддерживает работу с блогохостингом Tumbl. Примеры здесь. Для вставки одиночного рейтинга нужно скопирвать со страницы рейтингов код из закладки Общий код (Generic) и вставить в нужное место поста при его создании. Чтобы можно было использовать javascript при написании постов, нужно сделать некоторые изменения в настройках блога:
Чтобы зайти в настройки, залогиньтесь в tumblr и нажмите на шестерёнку (1). Убедитесь, что пункт "Edit post using" установлен в "plain text/HTML" (2).

Также необходимо подключить стили. Это делается в настройках темы. Перейдите к редактированию темы, нажмите на кнопку Edit HTML
Добавьте стили
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

в любое место секции <head>
Нажмите кнопку Update Preview, затем Save (если появится). Всё готово для использования одиночных рейтингов.

Если вы хотите, чтобы рейтинги автоматически добавлялись к каждому посту, то придётся ещё слегка модифицировать шаблон. Определитесь, где конкретно должен появляться виджет (в каких типах материалов, в каком месте поста, должен ли быть виден на главной или только при открытии поста), затем попробуйте в шаблоне найти соответствующее место. Не для всех шаблонов это будет просто сделать, экспериментируйте сначала с каким-нибудь безобидным текстом или даже комментариями. Например, чтобы звёзды были видны сверху под заголовком поста, только в текстовых постах (на главной и "внутри"), нужно код виджета добавить в {block:Posts} внутри блока {block:Text} сразу после закрывающегося {/block:Title}
Не забудьте сохранить шаблон. Код виджета брать со страницы рейтингов из закладки Tumblr.

Если что-то не получается, не стесняйтесь задавать вопросы в комментариях.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Похожие страницы с других сайтов

2012-10-15
Виджет похожих статей стал ещё лучше: теперь можно прямо на странице управления рекомендациями переключиться на другой сайт и добавлять похожие статьи одним кликом.
Выглядит это так:

Как работает:
  1. В поле "переключиться" (1) введите URL любой страницы сайта, который хотите использовать (на сайте должен быть установлен виджет рейтингов и для него должен быть сгенерирован ключ). Можно ввести просто название домена. Нажмите Enter и подождите, пока рейтинги загрузятся.
  2. Слева выберите родительскую страницу, рекомендации для которой вы собираетесь добавить. Нажмите на галочку (2) чтобы связать страницы.
  3. Если вы настроили рекомендации на показ картинок, то картинку для внешней страницы придётся указать вручную, потому что адреса фидов, из которых берётся информация о картинках, для вашего собственного сайта и для внешнего сайта не совпадают. Получить картинку легко: просто нажмите на иконку (3).
Не забудьте сохранить рекомендации. Каждый раз, когда вы переключаетесь на новый сайт, его адрес будет добавляться ниже в виде ссылки для быстрого переключения. На рейтинги текущего сайта можно переключиться, нажав на ссылку "Свой". Ссылки показывают три последних сайта, с которыми вы работали.

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

Заодно хочу напомнить, что есть что на странице настройки рекомендаций. Слева - список родительских страниц, для которых вы создаёте рекомендации. Родительская страница, с которой в данный момент идёт работа, отображается в раскрытом виде зелёным цветом. Справа - все ваши страницы. Чтобы создать новую родительскую страницу, нужно нажать на "←"; чтобы связать страницу с родительской, нужно нажать на "✓". Светло-серым обозначены уже связанные страницы, светло-зелёным - подобраные автоматически на основе меток.

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

Оцени и поделись
{[['']]}


Ещё больше полезного:

Динамические шаблоны Blogger и виджеты

2012-09-22
Динамические шаблоны Blogger выглядят хорошо, но они поддерживают всего лишь несколько официальных виджетов. Сегодня мы немного поработаем над динамическими шаблонами и посмотрим, как в них можно добавить сторонние виджеты (на примере рейтингов Graddit, разумеется).

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

Итак, наша цель - отображать виджеты, когда пользователь раскрывает заметку в любом из видов (Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot и Timeline).

Для начала откройте панель управления Блоггера и перейдите на закладку Template; нажмите Edit HTML, а потом кнопку Proceed.
При работе с динамическими шаблонами нам недоступна большая часть функционала шаблонизатора. То есть, изменить шаблон и даже сохранить его вы сможете, но это ничего не изменит в поведении интерфейса. Но нам много и не надо. Добавьте в секцию <head>...</head> две строки:

<link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/>
<script src='http://static.graddit.com/js/graddit-extras.js' type='text/javascript'/>

Это стили и несколько скриптов, расширяющих функционал виджетов Graddit. Нам, правда, нужна только функция gradditBloggerDynamicViewsRatingsHack. Теперь перейдите в самый конец шаблона и перед закрывающимся тегом </body> вставьте этот вызов:

<script type='text/javascript'>setTimeout(function(){gradditBloggerDynamicViewsRatingsHack();},1000);</script>

Или вот этот, если вы хотите чтобы отображались ещё и похожие страницы:

<script type='text/javascript'>setTimeout(function(){gradditBloggerDynamicViewsRatingsHack(true);},1000);</script>

Сохраните шаблон и закройте редактор. Нажмите кнопку Customize - нам нужно добавить несколько стилей, без которых виджеты будут отображаться неверно. Выберите Advanced и нажмите Add CSS. Добавьте вот такие стили:

.article .article-content .ffbs_rate img {
padding: 0;
border: 0;
border-image: none;
-webkit-border-image: none;
vertical-align: middle;
}

.article .article-content .ffbs_stats {
font-size: 10px;
}

.article .article-content a {
border: 0;
}

Нажмите Apply to Blog.

Вот и всё, виджеты должны заработать. Откройте свой блог и убедитесь. Вот как это работает в тестовом блоге: http://ffbs-widgets.blogspot.com/.
Получилось?

Оцени и поделись
{[['']]}


Ещё больше полезного:

Новые виджеты Graddit для голосования

2012-09-16
Graddit представляет виджеты для голосования, которые вы можете встроить в свои блоги или сайты. Так выглядит простой виджет:

{[['Плохо','  |  '],['Средне','  |  '],['Отлично']]}

Количество пунктов и текст могут быть любыми. Смотрите код на главной странице graddit, пункты задаются так:

{[['Плохо','&nbsp;&nbsp;|&nbsp;&nbsp;'],['Средне','&nbsp;&nbsp;|&nbsp;&nbsp;'],['Отлично']]}, где '&nbsp;&nbsp;|&nbsp;&nbsp;' - это разделители между пунктами; количество пунктов должно совпадать с числом, передаваемом скрипту в качестве параметра (в данном случае 3).

Вместо текста могут быть любые элементы. Например, можно сделать голосование за картинки:

Кто круче?
{[['','    '], ['','    '], ['']]}


И, конечно, обычное голосование с графиком. Как вам новые виджеты?
{[['Так себе'],['Нормально'],['Великолепно']]}

Оцени и поделись
{[['']]}


Ещё больше полезного:

Статистика в Graddit

2012-09-03
В личном кабинете сервиса Graddit появилась новая закладка "Статистика". Теперь можно посмотреть, какие страницы получили больший рейтинг, количество голосов или просмотров, где больше отзывов. Кроме того, можно узнать некоторые интересные данные о страницах, такие как Google Pagerank, Alexa Rank, количество упоминаний в Facebook и Twitter. Это первая версия статистики, со временем туда будут добавляться новые возможности (куда же без ТИЦ Яндекса?). Вот как выглядит закладка сейчас:

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

Обновление от 18 сентября 2012: теперь в статистике есть Яндекс тИЦ.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Улучшаем вид виджета лучших и виджета похожих постов

2012-07-06
Немного поигравшись со стилями виджетов можно получить вот такую красоту:

Стили и настройки красоты:

Стили изображения:
Стили заголовков:
Стили li:
Стили контейнера:
Обрезать текст после 20 символов и укоротить до слова;


Оцени и поделись
{[['']]}


Ещё больше полезного:

Управление виджетами graddit при помощи callback функций

2012-06-24
    Мудрёный заголовок, но суть проста: по умолчанию виджеты отображаются в том месте страницы, где находится их контейнер, id которого вы передаёте на сервер. Но что, если, к примеру, вы хотите, чтобы виджет лучших постов появлялся при достижении читателем конца страницы (и исчезал при прокрутке вверх)? Для упрощения решения этой задачи виджеты поддерживают параметр callback; при помощи него вы можете передать управление вашему собственному скрипту после того, как код виджета отработал. Более того, в файле http://www.graddit.com/js/graddit-extras.js есть рабочий пример функции, которую вполне уже можно использовать. Итак, рассмотрим, как всё это работает на примере виджета лучших сообщений.

Вот код (он вставлен в это самое место поста):
<div id='callback_example' style='visibility: hidden; display: none; position: fixed; right: 10px; bottom: 10px;'>Лучшее:</div><script type="text/javascript" src="http://www.graddit.com/showtop/rus/8?id=callback_example&callback=gradditDisplayWidgetCallback"></script>

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

    Если вы хотите использовать javascript функцию из примера, то вам нужно подключить js файл в шаблоне ваших страниц, добавив туда такую строку:

<script type="text/javascript" src="http://www.graddit.com/js/graddit-extras.js"></script>

    Вот и всё, что вам нужно: подключить файл graddit-extras.js и указать callback функцию при вызове виджета. Файл graddit-extras.js время от времени будет пополняться новыми полезными функциями (следите за анонсами).

    Напомню, что внешний вид виджетов настраивается в панели управления.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Перевод виджета рейтингов graddit на любой язык

2012-06-24
Виджет рейтингов graddit поддерживает два языка: русский и английский. Это определяется параметром rus или eng при вызове виджета (подробнее здесь). Разумеется, это не совсем удобно, если ваши страницы написаны на другом языке, получается языковая каша, которая выглядит не очень красиво. Рассмотрим на примере самого популярного кода виджета (жёлтые звёзды) как можно решить проблему перевода. Код выглядит так:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
    <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop>
    </b:if>
  </div> Нравится пост? 
  <div expr:id='data:post.id' style='padding-left: 3px; padding-right: 3px; display: inline; visibility: hidden;'>{[[&#39;&lt;img src=&quot;http://img.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
  <script expr:src='&quot;http://graddit.com/rate/rus/5/&quot; + data:post.id + &quot;?stats=&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;id=&quot; + data:post.id + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&quot;' type='text/javascript'/>
</b:if>

Жирным выделен интересующий нас элемент div. Помимо указанного выше он может содержать следующие значение в data-атрибутах:
  • data-label-votes - текст для "голосов";
  • data-label-views - текст для "просмотров";
  • data-label-rating - текст для "рейтинга"'
  • data-label-info-rating - текст для рейтингов во всплывающем окне с расшифровкой голосов.
Проще понять на примере. Такой код (с добавленным параметром average=yes для отображения значения рейтинга):

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
    <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop>
    </b:if>
  </div> Нравится пост? 
  <div data-label-votes='проголосовало: ' data-label-views='посмотрели: ' data-label-rating='оценили на: ' data-label-info-rating='Подробно' expr:id='data:post.id' style='padding-left: 3px; padding-right: 3px; display: inline; visibility: hidden;'>{[[&#39;&lt;img src=&quot;http://img.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
  <script expr:src='&quot;http://graddit.com/rate/rus/5/&quot; + data:post.id + &quot;?stats=&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;average=yes&amp;id=&quot; + data:post.id + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&quot;' type='text/javascript'/>
</b:if>

Даст вот такой рейтинг:

{[['']]}


В отличие от стандартного, который вы видите ниже.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Виджет связанных постов обновился

2012-06-05

Виджет связанных постов стал намного лучше. Что появилось:

  • стили для управления отображением виджета;
  • загрузка картинок;
  • автоматические рекомендации на основе меток;
  • улучшенный интерфейс. Об этом ниже.

Интерфейс

Если вы всё ещё не получили доступ к панели управления, то сделайте это сейчас.
Панель рекомендаций изменилась, появились настройки:


Теперь можно:
  • указать, что должен делать виджет, если для какого-то поста связанные страницы не заданы:
    • подобрать страницы автоматически (на основе меток);
    • ничего не показывать;
    • показать статический HTML. Впрочем, ничто не мешает добавить туда и javascript;
  • загружать картинки (должен быть указан адрес фида);
  • указать количество выводимых ссылок. Если количество связанных (или автоматически найденных) страниц больше этого числа, то будет выведено указанное количество выбранных произвольно ссылок;
  • указать максимальную длину выводимого заголовка (или ссылки, если указано, что заголовки загружать не нужно);
  • настраивать внешний вид виджета;

Интерфейс ручной настройки связанных постов тоже поменялся и стал намного удобнее:

Вы по-прежнему создаёте рекомендации при помощи ссылки и указываете связанные посты при помощи , но теперь при выборе контейнера в правой части подсвечиваются:
  • тёмно-серым цветом — страница, к которой относятся рекомендации (контейнер);
  • светло-серым — собственно рекомендации (связанные страницы);
  • светло-зелёным — автоматически подобранные на основе меток страницы, которые вы можете захотеть включить в первую очередь;

Собственно код виджета (для Blogger-а) нужно брать с этой же страницы, над списком рекомендаций.

Возможные проблемы

  1. В правой части отображаются не все страницы. Это может быть от того, что ваш блог читают жители других стран, и страницы попадают в базу данных, имея доменные имена вроде: ваш-блог.blogspot.com.nl или ваш-блог.blogspot.co.uk. Чтобы это разрешить вам нужно в коде вызова рейтинга указать параметр domain. Например, для blogger-а, так:

    <script expr:src='"http://graddit.com/rate/rus/...url=&quot; + data:post.url + &quot;&amp;domain=ваш-блог.blogspot.com&amp;labels=...</script>

    и подождать некоторое время, пока информация обновится в базе данных.
  2. Нет меток. Вам нужно обновить код виджета - просто возьмите его с главной страницы. Опять же, придётся подождать, пока информация обновится.



Оцени и поделись
{[['']]}


Ещё больше полезного:

Виджет лучших статей с картинками

2012-05-12
Виджет топов (лучших статей) от graddit обзавёлся возможностью показвать картинки и теперь может выглядеть так:



Или так:



Для управления отображением картинок в панели управления топами появились новые поля:


Адрес фида — адрес вашего RSS фида, обязательно в формате json-in-script. Это поле будет заполнено автоматически при создании нового топа.
Изображение по умолчанию — изображение, которое будет показано, если картинка заметки не была найдена.
Стили изображения, Стили li и Стили контейнера — стили соответствующих элементов виджета, позволяют придать ему желаемый вид. Для вашего удобства уже представлено 2 предустановки: для вертикального отображения виджета и для горизонтального.

Комментируйте, задавайте вопросы, если что-то неясно.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Обновление кода виджета рейтингов

2012-05-06
Если вы используете виджет рейтингов в блоге на площадке Blogger, то сейчас самое время обновиться. Просто скопируйте новый код с главной страницы. Обновления не критические, они просто добавляют поддержку меток (для будущих автоматических рекомендаций) и исправляют ошибку с неверными ссылками в личном кабинете.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Рейтинги Graddit: рекомендации и топы

2012-04-30

Что такое рекомендации и топы. Как настроить и показать соответствующие виджеты Graddit.

Для того, чтобы воспользоваться приведёнными ниже советами, вам сначала необходимо получить доступ к личному кабинету. Откройте ссылку, нажмите на "Сгенерировать ключ" и следуйте инструкции. Когда вы войдёте в личный кабинет, то увидите 3 вкладки: Настройки, Рекомендации и Топы.


Настройки

Эта страница нам пока не интересна, она создана на будущее. Всё, что можно там сейчас сделать - это сменить секретный ключ и запретить/разрешить генерацию токена. Если генерация запрещена, то вы не сможете повторно получить секретный ключ. Вам может понадобиться заново получить секретный ключ, если вы забыли свой старый ключ, восстановление ключа через отсылку письма на электронную почту пока не реализовано, это будет чуть позже.



Рекомендации


Ниже будут описаны возможные проблемы, прочтите о них, прежде чем сообщить, что что-то не работает.
На этой странице вы можете создать рекомендации - список ссылок, связанных с заданной страницей. В левой части экрана - уже созданные вами связи, в правой - список ссылок на страницы, на которых установлен виджет рейтингов (для них можно создавать связанные страницы). Например, чтобы для страницы с адресом http://fruitfulbookmarks-ru.blogspot.com/2011/05/blog-post.html задать 3 связанных статьи, нужно в правой половине напротив ссылки нажать на "←" - это создаст контейнер. Затем, нажимая на "✓" можно добавлять связанные с выбранной страницей материалы. Щелкните на изображение выше, чтобы увеличить его - так будет немного понятнее, о чём речь. При добавлении ссылок их заголовки будут загружаться автоматически, но вы можете их менять, как, впрочем, вы можете менять и сами ссылки. Ссылки могут указывать и на сторонние сайты, но в этом случае заголовки вам нужно будет вписывать самостоятельно. Сохраните рекомендации. Для отображения виджета есть две возможности:
  1. скопировать код (пока только для площадки Blogger) и вставить его в шаблон в нужном месте. В этом случае заданные для разных страниц рекомендации будут отображаться автоматически.
  2. если вы хотите показать конкретный список рекомендации в определённом месте, то нажмите на ссылку "Посмотреть" и скопируйте предложенный код в выбранное место. Например, в пост. Тогда (если вы не забыли подключить стили из файла http://graddit.com/css/graddit.css) при просмотре поста вы увидите что-то вроде этого:
    Добавив кое-какой код:
    <div id='graddit_recommendation' style='display: inline; visibility: hidden;'>Текст заголовка можно задать</div><script src='http://graddit.com/rec/rus/3117772916741481113?id=graddit_recommendation'></script>
    можно изменить заголовок:
Возможные проблемы.
  • В правой части экрана вместо ссылок на отдельные страницы вы видите преимущественно ссылки на главную страницу. Это происходит от того, что ваши рейтинги видны на главной и были привязаны к ней во время последнего голосования. Исправление для этого будет представлено в скором времени. Тем не менее, рекомендации привязываются к идентификаторам рейтингов (в случае с Blogger-ом это то же самое, что идентификатор постов), т.е. рекомендации, заданные для таких URL-ов всё равно будут отображаться на правильных страницах. Если вы не хотите во всё это вникать, просто немного подождите исправления этой ошибки.
  • Пока нельзя создавать рекомендации, не привязанные к рейтингам. Эта возможность скоро появится.
  • Ручное управление рекомендациями утомительно, как насчёт автоматического подбора материалов? Да, это утомительно, но это и гораздо более точно, чем то, что будет подобрано роботом. Тем не менее, я кое-что планирую в этом отношении, как то: в случае отсутствия рекомендаций отображение ссылок из заданного набора, возможность вызвать сторонний виджет, подбор ссылок на основе тегов. Ждите обновлений.


Внимание! Виджет похожих сообщений обновился, читайте подробности.

Топы

Тут попроще. Топы - это списки страниц, за которые больше всего голосуют/больше просматривают или которые имеют больший рейтинг:

Вы можете задать:
  1. количество ссылок, отображаемых в топе;
  2. максимальный период обновления информации в топе (в минутах, не менее 60 и не более 1440 - эти лимиты изменятся на основании ваших отзывов и собранной мной статистики);
  3. критерий отбора (количество голосов/количество просмотров/средняя оценка);
  4. параметры:
    • только за последний период - если отмечено, то топы будут формироваться на основании информации за недавний период времени; если не отмечено, то в основу лягут текущие значения количества голосов или количества просмотров;
    • вначале с меньшим рейтингом - порядок сортировки ссылок;
    • исключить главную страницу - ссылки на главную страницу не будут отображаться в топе;
    • загружать заголовки - загружать заголовки страниц при отображении в топе. Это не будет происходить каждый раз, данные будут кэшироваться на срок до 12 часов;
    • отбрасывать параметры в URL - рекомендую включать; это позволит избавиться от ссылок на одни и те же страницы с разными параметрами после ? в адресах (например, ?showComment=...). Конечно, если от параметров у вас не зависит что-либо существенное;
    • отображать рейтинги рядом со ссылками - показывать значения, по которым происходит сортировка записей в топе. Рекомендую включать на этапе создания топа и отключать при показе посетителям, эта информация им совершенно ни к чему;
  5. инлайн стили - поэкспериментируйте, чтобы придать топам желаемый вид;
  6. максимальное количество символов в отображаемом адресе или заголовке (0 - не обрезать).
Поэкспериментировав с инлайн стилями, можно получить что-нибудь такое:


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

Оцени и поделись
{[['']]}


Ещё больше полезного: