Come inserire l'elenco degli articoli correlati sotto ogni post

Ieri Piero in un commento ha scritto:

mi piacerebbe inserire alla fine del post alcuni link che si correlano al post soprascritto.
Si può fare con una procedura automatica? oppure bisogna metterli uno per uno manualmente??

Vi propongo quindi il codice da inserire nell'html del blog per visualizzare sotto ciascun post (e non nell'homepage) l'elenco degli articoli correlati in base alle etichette del post selezionato.
Questo codice era presente nel template che mi aveva spedito via email butterfly.23 quando mi ha chiesto se era possibile personalizzare il titolo dei post in base alle etichette.

Ecco cosa occorre fare: andate in Blogger -> Layout -> Modifica html e cliccate su Espandi i modelli widget, cercate le righe di codice

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>

e subito prima inserite questo codice:

<!-- articoli correlati -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'><br/>
<h3>Articoli correlati per categorie</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 5;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
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;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}

function search10(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=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

Salvate e alla fine di ogni post vedrete gli articoli correlati raggruppati per etichetta.
Potete personalizzare il numero massimo di post e di etichette da visualizzare cambiando:

var maxNumberOfPostsPerLabel = 10;

ossia il numero massimo di post per ogni etichetta

var maxNumberOfLabels = 5;

ossia il numero massimo di etichette

Potete vedere lo script in azione visitando il mio blog di prova cliccando su ciascun post.

Resto a disposizione per qualsiasi dubbio o chiarimento!

ec.log mi ha segnalato che lo script degli articoli correlati non funziona in presenza di etichette con caratteri speciali, come ad esempio il carattere "/" nell'etichetta hw/sw. Ho controllato lo script, e per chi avesse lo stesso problema di ec.log ecco cosa bisogna cambiare nel codice precedente:

+ label + con
+ encodeURIComponent(label) +
e
var label = raw.substr(homeUrl3.length+13); con
var label = decodeURIComponent(raw.substr(homeUrl3.length+13));

Newsletter by follow.it

Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.