[Blogger.com] Скрипт для отображение списка похожих статей

Для блогспота существует множество реализаций виджета похожих постов, начиная от простого списка ссылок и заканчивая навороченными и стильно оформленными виджетами. Для своего блога я перебрал несколько таких скриптов, но ни один из них меня не устроил по тем или иным причинам. Поэтому, взяв за основу код с hoctro.blogspot.com, я написал свой собственный. Собственно, сам скрипт был написал и опубликован еще полгода назад, но изначальная публикация исчезла вместе с удалённым аккаунтом в ЖЖ.

Что же такого может мой скрипт и чего я не нашел в уже готовых виджетах?
Во-первых, это возможность настраивать заголовок скрипта, чтобы он гармонировал с содержимым вашего блога. Согласитесь, если, например, у вас блог посвящен кулинарии и рецептам, то надпись «Еще похожие статьи на тему "Салаты":» будет выглядеть крайне странно. Гораздо лучше написать что-то вроде «Еще рецепты из рубрики "Cалаты":».

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

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

И в-четвертых, возможность изменять имена ярлыков и объединять несколько ярлыков в один.

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

Как добавить скрипт похожих постов в ваш блог:
В шаблоне блога находим строку <data:post.body/> — это то место, где выводится содержимое поста. После неё вставляем мой скрипт:

<!-- Скрипт "Связанные статьи из этой категории." -->
<!-- (c) http://izhurnal.blogspot.com/ -->

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.labels'>
            <div class='simposts'>

                <div class='widget-content'>
                <br/>
                  <div id='simpostsdata350471'></div>
                  <div id='simpostsdata350470'></div><br/>
                    <script type='text/javascript'>

                    /* Настройки скрипта. */

                    var headerN = &quot;Похожие статьи:&quot;; /* Заголовок виджета, когда в нём отображается более чем одна метка. */
                    var header1 = &quot;Еще статьи из категории \&quot;__LABEL__\&quot;:&quot;;  /* Заголовок виджета, когда в нём отображается одна метка. Если в заголовке есть слово __LABEL__, то вместо него будет подставлено имя метки. */
                    var header0 = &quot;&quot;; /* Текст, выводимый если нет ни одной метки и ссылки. */

                    var maxNumberOfPostsPerLabel = 5; /* Максимальное число постов, отображаемых для каждой метки. */
                    var maxNumberOfLabels = 4;      /* Максимальное число отображаемых меток. */
                    var excludeEmptyLabels = true;  /* Скрывать ли метки, для которых нет подходящих постов. true - скрывать, false - отображать. */
                    var excludeLabels = []; /* Метки, которые не следует отображать. */

                    /* Смена отображаемых имён.
                       Здесь перечисляем соответствия реального имени метки и названия, которое будет показано на странице.
                       Если для двух меток указать одно название, они при отображении склеятся в одну метку.
                       Если метка здесь не перечисляется, то отображается под своим настоящим названием.
                    */
                    var renameLabels = {
                    };

                    /* Конец настроек скрипта. */

                    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; /* Адрес блога, откуда берём список постов. */

                    function is_in(item, array) {
                      for (k in array) {
                        if (typeof array[k] == &quot;function&quot;) continue;
                        if (array[k] == item) return true;
                      }
                      return false;
                    }

                    function label_title(label) {
                      if (renameLabels[label])
                        return renameLabels[label];
                      return label;
                    }

                    totalLabels = 0;
                    receivedReplies = 0;
                    var receivedItems = [];

                    var k_label;

                    function labelReceived() {
                      receivedReplies++;

                      if (receivedReplies != totalLabels)
                        return;

                      var labelCount = 0;
                      for (k_label in receivedItems) {
                        if (typeof receivedItems[k_label] == &quot;function&quot;) continue;
                        var items = receivedItems[k_label];
                        if (items.length == 0 &amp;&amp; excludeEmptyLabels)
                          continue;
                        labelCount++;
                      }

                      var labelCount1 = 0;
                      for (k_label in receivedItems) {
                        if (typeof receivedItems[k_label] == &quot;function&quot;) continue;
                        var items = receivedItems[k_label];

                        if (items.length == 0 &amp;&amp; excludeEmptyLabels)
                          continue;

                        var ul = document.createElement(&#39;ul&#39;);
                        var itemsCount = 0;
                        for (var k_item in items) {
                          if (typeof items[k_item] == &quot;function&quot;) continue;
                          var item = items[k_item];
                          var li = document.createElement(&#39;li&#39;);
                          var a = document.createElement(&#39;a&#39;);
                          a.href = item.href;
                          var txt = document.createTextNode(item.title);
                          a.appendChild(txt);
                          li.appendChild(a);
                          ul.appendChild(li);
                          itemsCount++;
                          if (itemsCount == maxNumberOfPostsPerLabel)
                            break;
                        }
                        
                        var txt = document.createTextNode(k_label);
                        var h = document.createElement(&#39;b&#39;);
                        h.appendChild(txt);
                        var div1 = document.createElement(&#39;div&#39;);
                        if (!(labelCount == 1 &amp;&amp; header1.search &amp;&amp; header1.search(/(LABEL)/) != -1))
                          div1.appendChild(h);
                        div1.appendChild(ul);
                        document.getElementById(&#39;simpostsdata350470&#39;).appendChild(div1);

                        labelCount1++;
                        if (labelCount1 == maxNumberOfLabels)
                          break;
                      }

                      var txt;
                      if (labelCount == 1 &amp;&amp; header1)
                        txt = document.createTextNode(header1.replace(&quot;__LABEL__&quot;, k_label));
                      else if (labelCount)
                        txt = document.createTextNode(headerN);
                      else if (header0)
                        txt = document.createTextNode(header0);
                      if (txt)
                      {
                        var h = document.createElement(&quot;h4&quot;);
                        h.appendChild(txt);
                        document.getElementById(&#39;simpostsdata350471&#39;).appendChild(h);
                      }
                    }

                    function receiveReply_123(json) {
                      var label = &quot;&quot;;
                      for (var l = 0; l &lt; json.feed.link.length; l++) {
                        if (typeof json.feed.link[l] == &quot;function&quot;) continue;
                        if (json.feed.link[l].rel == &#39;alternate&#39;) {
                          var raw = json.feed.link[l].href;
                          var label = raw.substr(homeUrl3.length+13);
                          var k;
                          for (k=0; k&lt;20; k++)
                            label = label.replace(&quot;%20&quot;, &quot; &quot;);
                          label = decodeURI(label);
                          break;
                        }
                      }
                      var labelTitle = label_title(label);
                      if (typeof receivedItems[labelTitle] != &quot;object&quot;)
                        receivedItems[labelTitle] = [];

                      for (var k in json.feed.entry) {
                        var entry = json.feed.entry[k];
                        if (typeof entry == &quot;function&quot;) continue;
                        var href = &quot;&quot;;
                        for (var kl in entry.link) {
                          if (typeof entry.link[kl] == &quot;function&quot;) continue;
                          if (entry.link[kl].rel == &quot;alternate&quot;) {
                            href = entry.link[kl].href;
                            break;
                          }
                        }

                        if(href != &quot;&quot; &amp;&amp; href != location.href.split(new RegExp("\\?|\\#"))[0]) {
                          var item = { &quot;href&quot; : href, &quot;title&quot; : entry.title.$t};
                          receivedItems[labelTitle].push(item);
                        }
                      }

                      labelReceived();

                    }
                    function sendQueryForLabel(query, label) {
                      var script = document.createElement(&#39;script&#39;);
                      script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
                        + label +
                        &#39;?alt=json-in-script&amp;callback=receiveReply_123&amp;max-results=&#39;+maxNumberOfPostsPerLabel);
                      script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
                      document.documentElement.firstChild.appendChild(script);
                    }

                    var parsedlabels = [];
                    var labelsCount = 0;

                    function list_items(textLabel) {
                      if (labelsCount &gt;= maxNumberOfLabels ||
                          is_in(textLabel, excludeLabels) ||
                          is_in(textLabel, parsedlabels)) {
                        labelReceived();
                        return;
                      }
                      labelsCount++;
                      parsedlabels.push(textLabel);
                      sendQueryForLabel(homeUrl3, textLabel);
                    }
                    <b:loop values='data:posts' var='post'>
                      <b:loop values='data:post.labels' var='label'>
                        totalLabels++;
                      </b:loop>
                    </b:loop>
                    <b:loop values='data:posts' var='post'>
                      <b:loop values='data:post.labels' var='label'>
                        list_items(&quot;<data:label.name/>&quot;);
                      </b:loop>
                    </b:loop>
                    </script>

                </div>

            </div>
        </b:if>
        </b:if>

<!-- Конец скрипта "Связанные статьи из этой категории." -->

В начале скрипта находим место, помеченное текстом «/* Настройки скрипта. */». Сюда вписываются настройки:

headerN — текст заголовка виджета, когда похожие статьи найдены более чем по одному ярлыку.
header1 — текст заголовка виджета, когда похожие статьи найдены только по одному ярлыку. Если в тексте есть фрагмент __LABEL__, то вместо него будет подставлено имя данного ярлыка.
header0 — текст, если похожих статей не найдено.

maxNumberOfPostsPerLabel — сколько максимально статей отображать для каждого ярлыка.
maxNumberOfLabels — максимальное число отображаемых ярлыков.

excludeEmptyLabels — скрывать ли ярлыки, для которых нет подходящих статей. true - скрывать, false - отображать.

excludeLabels — список ярлыков, которые следует игнорировать.

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

Пример настроек скрипта для блога Флеш-обзор:

var headerN = "Похожие игры:";
var header1 = "Еще игры из категории «__LABEL__»:";
var header0 = "";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 4;
var excludeEmptyLabels = true;
var excludeLabels = ["флеш", "разное"];
var renameLabels = {
    "логическая" : "логические",
    "стрелялка"  : "стрелялки",
    "стратегия"  : "стратегии",
    "не игры"    : "разное",
    "развлечения": "разное",
    "платформер" : "платформеры",
    "текстовая"  : "текстовые"
};