Ricerca personalizzata

16 novembre 2009

Articoli correlati per Blogger



Per quanto riguarda Blogger di Blogspot, vediamo ora come correlare gli articoli da noi postati per dare maggiore visibilità a quelli più vecchi e per dare al lettore un ulteriore approfondimento riguardo a quello che stà leggendo.

Applichiamo il solito procedimento, andiamo in Layout, Modifica HTML, clicchiamo su "Espandi modelli Widget", dopo di chè questo è il codice da aggiungere:

Cerchiamo questo codice (per attivare il cerca clicca su F3):
<p><data:post.body/></p>


subito dopo incolliamo questo:

<b:if cond='data:blog.pageType == "item"'>
            <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 = 4;
                    var maxNumberOfLabels = 10;

                    maxNumberOfPostsPerLabel = 10;
                    maxNumberOfLabels = 3;


                    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>



Dobbiamo sapere che gli articoli verranno correlati secondo tre categorie (o etichette) e fino a dieci articoli per categoria.
Se vogliamo cambiare parametri, lasciando perdere i colori, prendiamo queste due righe di codice:

maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;

la prima riguarda gli articoli, mentre la seconda le categorie, a voi la scelta...

Ci sono altri modi per linkare gli articoli correlati e giusto per non farvi impazzire troppo con i motori di ricerca ve li propongo qui sotto:

Un atro metodo, che poi è anche quello che uso per Quartiere Blog, è usareLinkWithin, uno strumento valido che dà un aspetto grafico e più elegante con tanto di anteprima. Per sapere come fare vi consiglio di leggere questo post:
Da sempre in fondo ad ogni post di Creare blog è possibile vedere un elenco di articoli correlati che appartengono alle stesse categorie. Il vantaggio è di...

Leggi tutto l'articolo >>
By: Creare Blog
Per gli altri metodi vi rimando a questi articoli:
Questo Hack è piuttosto importante. Infatti alla fine avremo, infondo ad ogni 'permalink' cioè in fondo ad ogni singolo articolo degli articoli simili. Blogger li metterà insieme grazie alle labels. In questo modo il lettore potrà, 'essere catturat' dala curiosità e leggere un articolo che un contenuto simile, cosa molto probabile, così potremo aumentare il numero di pagine viste...

Leggi tutto l'articolo >>
By: Blogger Hacks
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

Leggi tutto l'articolo >>
By: Iole

Un esempio di come creare i collegamenti ai nostri Post attraverso un Plugin:
Joomla, creare collegamenti ad articoli correlati

Il plugin Related Article Tags consente di creare in calce agli articoli una lista di collegamenti ad articoli correlati cioè articoli che hanno in comune una o più parole chiave nei meta-tags.

Il procedimento è automatico purché naturalmente si abbia cura di compilare il campo “Parole chiave” nel pannello “Informazioni Metadata” durante l’inserimento o la modifica di ogni articolo...
Leggi tutto l'articolo >>
By: onecms

Se ti è piaciuto l'articolo, iscriviti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog! Per maggiori informazioni sui feed, clicca qui!


2 commenti:

Enzo ha detto...

Ciao, come posso tradurre in Italiano il testo di You might like con "Ti potrebbero anche" interessare?

Giorgy ha detto...

Ciao (Scusa il rit), sinceramente non sò, in questo Blog lo ha fatto in automatico! Il widget LinkWithin non è molto modificabile!

Posta un commento

Scrivi le tue opinioni!

Related Posts with Thumbnails
 
Share
ShareSidebar