Cambiare lo stile del contatore visite - scegliere un altro design

Come cambiare lo stile di un contatore visite esistente

Se usi già un contatore di Counter.gratis, non devi crearne uno nuovo solo per cambiare il design. In genere basta modificare il valore STYLE nel codice esistente.

La regola principale è semplice: lascia invariato il tuo ID e sostituisci soltanto il numero dello stile. Valore e statistiche restano associati allo stesso contatore.

Dove trovare gli stili disponibili?

Apri la pagina Contatore EXTRA. Passa il mouse su un modello e leggi il tooltip, ad esempio Counter Style 313.

Il numero finale è il numero dello stile. In questo esempio è 313.

Counter Style 313  ->  STYLE=313
Counter Style 0    ->  STYLE=0
Counter Style 108  ->  STYLE=108

Il codice compatto attuale

Gli esempi seguenti usano il codice di incorporamento compatto attuale. Evita una prima richiesta inutile al contatore e va copiato come blocco completo.

<!-- Contatore di visite https://counter.gratis BEGINN -->
<a href='https://counter.gratis/?language=it&ID=example.com' target='_top'>
<img src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==' id='cg_example.com' alt='Free Counter' title='Counter Statistics'>
<noscript><img src='https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=0' alt='Free Counter' title='Counter Statistics'></noscript>
</a>
<script>(function(i,c){i.src=c
+'&LANG='+encodeURIComponent(navigator.language)
+'&RES='+screen.width+'x'+screen.height
+'&REF='+encodeURIComponent(document.referrer)
+'&LOC='+encodeURIComponent(location.href)
+'&NAVI='+encodeURIComponent(navigator.userAgent)
})(document.getElementById('cg_example.com'),'https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=0')</script>
<!-- Contatore di visite https://counter.gratis ENDE -->

Cambiare il valore STYLE

Sostituisci il vecchio numero con quello nuovo. Ad esempio, cambia STYLE=0 in STYLE=313.

STYLE=0
diventa:STYLE=313

Il codice modificato appare così:

<!-- Contatore di visite https://counter.gratis BEGINN -->
<a href='https://counter.gratis/?language=it&ID=example.com' target='_top'>
<img src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==' id='cg_example.com' alt='Free Counter' title='Counter Statistics'>
<noscript><img src='https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313' alt='Free Counter' title='Counter Statistics'></noscript>
</a>
<script>(function(i,c){i.src=c
+'&LANG='+encodeURIComponent(navigator.language)
+'&RES='+screen.width+'x'+screen.height
+'&REF='+encodeURIComponent(document.referrer)
+'&LOC='+encodeURIComponent(location.href)
+'&NAVI='+encodeURIComponent(navigator.userAgent)
})(document.getElementById('cg_example.com'),'https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313')</script>
<!-- Contatore di visite https://counter.gratis ENDE -->

Mantieni il tuo ID

Non sostituire il tuo ID con quello di esempio. Se il tuo contatore usa ID=mio-sito.com, mantieni esattamente quell’ID.

ID=example.com è solo un esempio.
Il tuo ID potrebbe essere: ID=mio-sito.com

Cambiare l’ID può richiamare un altro contatore. Se vuoi solo un nuovo design, modifica soltanto STYLE.

Perché STYLE compare due volte?

Nel codice attuale, STYLE compare due volte: nel fallback <noscript> e nell’URL JavaScript del contatore. Usa lo stesso numero in entrambi i punti.

<noscript> ... STYLE=313 ... </noscript>
...
'https://besucherzaehler.gratis/counter.php?ID=example.com&STYLE=313'

Non sostituire il placeholder trasparente data:image/gif... con un URL del contatore. Serve a evitare una richiesta aggiuntiva prima che JavaScript invii quella completa.

STYLE usa numeri normali

Nel contatore normale, STYLE è un numero, ad esempio:

STYLE=0
STYLE=108
STYLE=313
STYLE=598

Scegli il numero nella pagina Contatore EXTRA e usalo per entrambi i valori STYLE.

Cosa non cambia?

Il cambio di stile modifica solo l’aspetto visibile. Valore del contatore, protezione dai reload e statistiche continuano a funzionare come prima.

Stesso ID        -> stesso valore del contatore
Nuovo STYLE      -> nuovo design

In breve

Mantieni invariato il tuo ID. Sostituisci solo il numero STYLE nelle due posizioni STYLE del codice attuale e lascia invariato il resto.

Vecchio stile:STYLE=0

Nuovo stile:STYLE=313

Counter.gratis

Contatore visite gratuito per il tuo sito - 100% gratis