Problemi col vostro sito web? No.. niente!

Come cambiare il colore alla barra degli indirizzi di Chrome su Android con il Tag Manager

 
E' possibile personalizzare la barra degli indirizzi di Chrome dalla versione 39 su Android Lollipop usando un tag meta chiamato theme-color.
La sintassi è la seguente:
<meta name="theme-color" content="#db5945">
non funziona chiaramente con la navigazione in incognito.
 
Tag manager, tra le altre cose, serve ad iniettare del codice senza dover accedere al codice stesso. In questo modo, GTM (Tag manager di Google) funziona come un gestore di Tag, in questo contenitore aggiungi tutto quello che ti è necessario anche per monitorare statisticamente il sito, mentre lasci fare al sito e al suo codice, tutto il resto.
 
Quindi se volessimo giocare con la barra degli indirizzi del browser, basterebbe aggiungere un tag di HTML personalizzato e attivato in ogni pagina in questa maniera:
 
<code>
<script>
 var m = document.createElement('meta'); 
 m.name = 'theme-color'; 
 m.content = '#152126'; 
 document.head.appendChild(m);
</script>
</code>
 
Attraverso questo semplice scriptino è possibile aggiungere in head del DOM un tag chiamato theme-color ed assegnargli un content.
 
Bisogna comunque ricordarsi che per visualizzare tale modifica, dopo averla pubblicata nel Tag Manager bisogna:
- cancellare la cache del browser
- GTM impiega del tempo a caricare, quindi non sarà possibile vedere la barra degli indirizzi con il colore desiderato. 
 
Ti sembrerà una cosa inutile e molto probabilmente lo è. Ma ti ho portato questo esempio solo per farti capire la potenzialità di usare GTM.
 
Scopri quali potenzialità GTM ti può offrire, contattandomi.

Aggiungi un commento

Freelance Web Developer Padova

Non solo siti internet, ma applicazioni Web Based, Css3 e sviluppo mobile

Contattami per maggiori info