Как установить плагин похожие статьи в блоггере

четверг, 31 декабря 2009 г.

Хороший способ задержать посетителя на блоге - надстройка "похожие статьи". У меня в блоге большее количество переходов по статьям производится именно с рубрики похожие статьти.

Зайдите в настройки блога, затем Панель инструментов/Макет/Изменить HTML, отметте галочкой “Расширить шаблоны виджета”, найдите код
<data:post .body=""></data:post>
и после него вставьте следующий код:

<b:if cond="data:blog.pageType == "item"">
</b:if>
<div class="similiar">
<div class="widget-content">
<h3>
Related Posts by Categories</h3>
<div id="data2007">
<div id="hoctro">
Widget by <u><a href="http://hoctro.blogspot.com/">Hoctro</a></u> | <u><a href="http://www.jackbook.com/" title="Related Posts on Blogger Modified by JackBook.Com. Read More?">Jack Book</a></u> | <u><a href="http://minimusx.blogspot.com/" title="Related Posts on Blogger Modified by minimusX Read More?">minimusX</a></u>
</div>
<script type="text/javascript">
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
<b:if cond='data:blog.pageType == "item"'>
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
</b:if>
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = decodeURI(raw.substr(homeUrl3.length+13));
var k;
for (k=0; k<20; k++) labellabel = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
теперь сохраните шаблон. Посмотрите на блог.

В добавленном нами коде есть такие строки:
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

- первая строка с цифрой четыре выводит колличество статей по каждой категории;
- вторая строка с цифрой десять задаёт глубину сканирования статей.

Для первой строки лучше заменить цифру с четырех на 6 или 7, чтобы посетителю открывался больший выбор статей, мы не знаем на перед какой пост ему понравится, поэтому лучше показать больше статей.

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

истчоник

Похожие статьи