Etiquetes personalitzades

Si necessiteu implementar una etiqueta que Tag Manager encara no admet de manera nativa, podeu utilitzar una etiqueta d'imatge, HTML o de funció personalitzada.

La millor manera d'evitar problemes de rendiment i de programari maliciós és fer servir les plantilles d'etiquetes integrades a Tag Manager, que també admet nombroses plataformes d'etiquetes. Tag Manager admet diverses plantilles d'etiquetes de tercers, i n'hi ha moltes més a la Galeria de plantilles de la comunitat.

Etiqueta d'imatge personalitzada

L'etiqueta d'imatge personalitzada s'utilitza per implementar un píxel de seguiment. Per crear-ne una:

1. Feu clic a Etiquetes  Nova.
2. Feu clic a Configuració d'etiquetes i seleccioneu Imatge personalitzada.
3. Introduïu l'URL de la imatge tal com l'ha proporcionat el proveïdor. Utilitzeu "//" si hi ha versions de la imatge relatives al protocol. Si només hi ha disponible una versió segura, utilitzeu "https://". Us aconsellem que no feu servir "http://".
4. Per assegurar-vos que es registren les peticions de fitxer de navegadors que tenen versions d'un píxel a la memòria cau, seleccioneu Activa el bloqueig de memòria cau. Amb aquesta acció, la consulta gtmcb=<nombre aleatori> s'afegirà a l'URL. Per canviar el paràmetre de consulta predeterminat, introduïu un valor diferent de gtmcb al camp Paràmetre de consulta amb bloqueig de memòria cau.

Etiqueta HTML personalitzada

L'etiqueta HTML personalitzada us permet implementar una etiqueta que encara no s'admeti a través de Tag Manager. Aquest codi el proporciona el proveïdor de l'etiqueta.

Utilitzeu JavaScript en zona de proves per al format del codi. Per obtenir més informació sobre com podeu convertir una etiqueta personalitzada existent en JavaScript en zona de proves, consulteu l'article Convertir una etiqueta existent.

Per crear una etiqueta HTML personalitzada:

1. Feu clic a Etiquetes  Nova.
2. Feu clic a Configuració de l'etiqueta i seleccioneu Etiqueta HTML personalitzada.
3. Copieu el codi d'etiqueta que us hagi proporcionat el proveïdor i enganxeu-lo al camp HTML o bé introduïu el vostre propi codi HTML o JavaScript personalitzat. Nota: col·loqueu el codi JavaScript sempre dins de les etiquetes HTML <script></script>.

Si cal, seleccioneu Admet document.write per activar les crides a document.write() al codi JavaScript.

Per afegir una variable de Tag Manager al codi HTML personalitzat, poseu el nom de la variable entre claus dobles:

<script>
var foo = {{bar}};
</script>

Per examinar les diferències entre les versions de les etiquetes HTML personalitzades:

1. Feu clic a Versions.
2. Feu clic a l'entrada de la versió de l'etiqueta HTML personalitzada que voleu examinar.
3. A la targeta Canvis de la versió, feu clic al nom de l'etiqueta HTML personalitzada per veure els canvis en la configuració.
4. Feu clic a  Mostra els detalls per ampliar el codi amb les diferències marcades.

Nota: Tag Manager redueix el codi de les etiquetes HTML personalitzades i això pot canviar les cometes simples per cometes dobles.

Etiqueta de crida de funció

En contenidors d'aplicacions mòbils, podeu utilitzar l'etiqueta Crida de la funció per executar funcions que s'hagin registrat prèviament. Quan especifiqueu una classe que vulgueu invocar en una etiqueta Crida de la funció, podeu configurar un activador que executi la funció i que hi enviï arguments en forma de parells de valor-clau. L'etiqueta Crida de funció es pot utilitzar per ampliar les funcions de gestió d'etiquetes amb els SDK de tercers.

Per obtenir més informació, consulteu la documentació per a desenvolupadors d'iOS i d'Android.