WordPress: errore di validazione W3C con contatore Histats

4 febbraio 2009
Categorie: Il Meglio del Web, Wordpress
3 COMMENTI

Come sanno bene coloro che mi seguono su Twitter (Follow Me!), ultimamente mi sono dedicata alla creazione di un nuovo template, che proprio nuovo non è visto che è identico al precedente, ma è stato riscritto da capo a piedi cercando di eliminare tutti quegli errori che ne causavano una pessima visualizzazione su determinati browser minori. Durante questo lavoro ho cercato di tenere sempre sott’occhio i risultati di W3C Markup Validation Service e mi sono accorta che la maggior parte delle volte gli errori non erano causati da me ma erano di origine esterna. Quello che mi ha fatto più penare per esempio, è stato il contatore delle visite di Histats. Quando decidete di aderire a questo servizio di statistiche, peraltro a mio parere molto buono, vi viene fornita una stringa di codice da inserire nel vostro blog, che permetterà al sito di tracciare le visite e a voi di mostrarne i risultati pubblicamente. Purtroppo però questo codice genera una serie di errori a cascata durante la validazione, al punto che ero arrivata ad avere 10 note negative durante il controllo con W3C. Provando, provando e rirpovando ho trovato come risolvere il problema.

La stringa di codice che avrete sarà qualcosa di questo tipo:

 
<p>
      <!-- Histats.com START -->
 
      <a href="http://www.histats.com/it/" target="_blank" title="histats" >
      <script type="text/javascript" language="javascript">
      var s_sid = 575413;var st_dominio = 4;
      var cimg = 435;var cwi =112;var che =75;
      </script></a>
      <script type="text/javascript" language="javascript"
        src="http://s11.histats.com/js9.js"
      </script>
      <noscript><a href="http://www.histats.com/it/" target="_blank">
      <img src="http://s103.histats.com/stats/0.gif?575413&1" alt="histats"
        border="0">
      </a>
      </noscript>
 
      <!-- Histats.com END -->
 
 </p>

Le modifiche da apportare sono le seguenti:

al posto del tag di apertura p usiamo un div con conseguente chiusura /div e cambiamo questa riga

1	<img src="http://s103.histats.com/stats/0.gif?575413&1" alt="histats" border="0">

aggiungendo una / finale e sostituendo & con &amp in questo modo:

1	<img src="http://s103.histats.com/stats/0.gif?575413&1" alt="histats" border="0" />

Il risultato sarà più o meno il seguente:

 
 
<!-- Histats.com  START  -->
 
<a href="http://www.histats.com/it/" target="_blank" title="histats" >
<script  type="text/javascript" language="javascript">
var s_sid = 575413;var st_dominio = 4;
var cimg = 435;var cwi =112;var che =75;
</script></a>
<script  type="text/javascript" language="javascript"
src="http://s11.histats.com/js9.js"></script>
<noscript><a href="http://www.histats.com/it/" target="_blank">
<img  src="http://s103.histats.com/stats/0.gif?575413&amp;1"
alt="histats" border="0" /></a>
</noscript>
 
<!-- Histats.com  END  -->