Blogger: inserire gli "Articoli Correlati" alla fine di ogni post.

Per avere un blog di successo è necessario cercare di aumentare il numero di visite giornaliere ma anche fare in modo che i visitatori restino a lungo sul tuo blog trovando facilmente le notizie che cercano.
Un accorgimento che può aiutarti in questo compito è quello di mettere a disposizione dei visitatori un elenco di articoli correlati.
Il meccanismo di funzionamento è semplice ed è basato sulle etichette assegnate ad ogni post:
post con etichette comuni sono post simili quindi correlati.

Gli step da seguire sono semplici:

• andare alla sezione Layout -> Modifica HTML e dopo aver fatto un backup del modello completo è necessario espandere i modelli widget spuntando il box in alto a sinistra.


• ora cercate l'elemento </head> ed inserite il seguente codice subito prima di questa riga.

  <script type='text/javascript'>
   //<![CDATA[
   var relatedTitles = new Array();
   var relatedTitlesNum = 0;
   var relatedUrls = new Array();
   function related_results_labels(json) {
   for (var i = 0; i < json.feed.entry.length; i++) { 
   var entry = json.feed.entry[i];
   relatedTitles[relatedTitlesNum] = entry.title.$t;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') { 
   relatedUrls[relatedTitlesNum] = entry.link[k].href;
   relatedTitlesNum++;
   break;
   }
   }
   }
   }
   function removeRelatedDuplicates() {
   var tmp = new Array(0);
   var tmp2 = new Array(0);
   for(var i = 0; i < relatedUrls.length; i++) {
   if(!contains(tmp, relatedUrls[i])) {
   tmp.length += 1;
   tmp[tmp.length - 1] = relatedUrls[i];
   tmp2.length += 1;
   tmp2[tmp2.length - 1] = relatedTitles[i];
   }
   }
   relatedTitles = tmp2;
   relatedUrls = tmp;
   }
   function contains(a, e) {
   for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
   return false;
   }
   function printRelatedLabels() {
   var r = Math.floor((relatedTitles.length - 1) * Math.random());
   var i = 0;
   document.write('<ul>');
   while (i < relatedTitles.length && i < 20) {
   document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
   if (r < relatedTitles.length - 1) {
   r++;
   } else {
   r = 0;
   }
   i++;
   }
   document.write('</ul>');
   }
   //]]>
  </script>
  

• adesso cercate questo la seguente porzione di codice
  

  <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
    </b:loop>
  </b:if>
  

  
  e sostituitelo con questo
  

  <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
   
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
      </b:if>
   
    </b:loop>
  </b:if>
  

• infine posizionatevi subito dopo l'elemento <div>...</div> che racchiude la porzione di codice modificata al punto precedente ed inserite il seguente codice
  

  <div><span class='post-related-articles'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='similiar'>    
        <div class='widget-content'><br/>
        <h3 style='color:#FF9900;'>Articoli correlati</h3>
        <div id='data2007'/>
         <script type='text/javascript'>
           removeRelatedDuplicates();
           printRelatedLabels();      
         </script>
        </div>
      </div>
    </b:if>
  </span> </div>
  

  
  


• salvete il nuovo modello... dovreste vedere l'elenco degli articoli correlati subito dopo la lista delle etichette (come su questo post).

*************************************************************************************
UPDATE
*************************************************************************************