PDF_GuiaMarcación_Colsubsidio_Ocio y entretenimiento

GUÍA DE IMPLEMENTACIÓN

Ocio y Entretenimiento

Colsubsidio Web

2021

Página de implementación:

Ocio y Entretenimiento

Implementación

Tag manager

Para implementar Google Tag Manager en el sitio web

1. Copiar el siguiente código JavaScript y

pegarlo lo más cerca posible de la etiqueta

de apertura <head> de cada página del

sitio web:

2. Copiar este fragmento y pégalo

inmediatamente después de la etiqueta de

apertura <body> de cada página del sitio

web:



<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBef

ore(j,f);

})(window,document,'script','dataLayer','GTM-MBPS2VR');</script>





<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-

MBPS2VR"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>



Marcación

Para tener en cuenta en la marcación

Dentro de los Action y Label, la información que se encuentran dentro de { } en cada script, hacen referencia a

variables dinámicas

En cada página se adjunta una imagen, la cual contiene las interacciones relacionadas con un índice y un

script a implementar y el contenido de dicho script con su sintaxis

Tener en cuenta los ejemplos para garantizar como se debe extraer la información.

Las abreviaciones deben ir exactamente igual.

Marcación

ecommerce

Glosario

Name: Nombre de del producto

Id: Número de identificación del producto

Price: Valor del producto

Brand: Marca del producto. Acá siempre vamos a colocar Colsubsidio.

Category: La categoría a la que pertenece el producto. En este caso tenemos las categorías Deporte, Cultura y

arte, Eventos, Pasadias, Membresias y Tiqueteras.

List: Se refiere a la sección desde donde viene el usuario. Puede variar dependiendo del flujo del usuario por el

cual venga. En este caso tenemos las listas Home, Home-Alternativas para descubrir lo que te gusta, Búsqueda

rápida, Resultado de búsqueda, {nombre categoria} y {nombre subcategoria}

Position: Posición en la cual se encuentra el producto, va en orden y comienza por el número 1 de izquierda a

derecha y de arriba hacia abajo.

Quantity: Cantidad de productos a comprar de la misma referencia.

Cualquier duda, consulta la guía de comercio electrónico para desarrolladores Aquí

Ejemplo DataLayer Impresión productos

Index

Evento

Página Objeto Category Action Label SCRIPT

1

Home, páginas Al

de categorías, visualizarse

páginas de los

subcategorías productos

y vitrinas. a comprar.

Ecommerce

‘event’: ‘productimpression’,

‘UES’:’RyD’,

'ecommerce': {

'currencyCode’: COP',

'impressions': [

{

'name’: ‘{{nombre producto}}’,

'id’: ‘{{id del producto}}’,

Product

Impression {value list} dataLayer.push({

'price’: ‘{{precio del producto}}’,

'brand’: ‘Colsubsidio’,

'category’: ‘{{Deporte/Cultura y arte/Eventos/Pasadias/Membresias/Tiqueteras}}’,

'list’: ‘{{Home/Home-Alternativas para descubrir lo que te gusta/Búsqueda

rápida/Resultado de búsqueda/{nombre categoria}/{nombre subcategoria}}}’,

'position’: ‘{{1,2,3…}}’

},

]

}

});

1

category: Ecommerce

action: Product Impresion

label: {value list}

UES: RyD

Impresión de Productos en el Home

1

1

category: Ecommerce


label: Home-Los cursos más vistos

UES: RyD

El datalayer contiene

todos los productos

que sean visibles en

pantalla, para este

ejemplo serian 3, pero

en el caso que se

muestren más

deberían ir todos

dataLayer.push({

'event': 'productimpression',

'UES':’RyD',

'ecommerce': {

'currencyCode': 'COP',

'impressions': [

{

'name': ‘Natación Básica',

'id': '113554',

'price': ‘49900',

'brand': ‘Colsubsidio',

'category': ‘Deportes',

'list': ‘Home-Los cursos más vistos',

'position': '1'

},{

'name’: ‘Futbol básico',

'id': '113555',

'price': ‘49900',




'position': ‘2’

},{

'name’: ‘Futbol intermedio',

'id': '113556',

'price': ‘49900',




'position’: ‘3’

}]

}

});

Impresión de Productos en el Home

1

1

category: Ecommerce


label: Home-Alternativas para descubrir lo que te gusta

UES: RyD

dataLayer.push({


'UES':’RyD',

'ecommerce': {


'impressions': [

{

'name’: ‘Pasadia',

'id': '113551',

'price’: ‘41050',


'category’: ‘Pasadias',

'list': ‘Home-Alternativas para descubrir lo que te gusta',

'position': '1'

},{

'name’: ‘Tiqueteras',

'id': '113552',

'price': ‘41050 ',


'category’: ‘Tiqueteras',

'list': ‘Home-Alternativas para descubrir lo que te gusta',

'position': ‘2’

},{

'name’: ‘Membresías',

'id': '113553',

'price': ‘41050 ',


'category’: ‘Membresias',

'list': ‘Home-Alternativas para descubrir lo que te gusta‘,


}]

}

});

Impresión de Productos resultados de búsqueda

1

El datalayer se debe

ejecutar cuando se

haga clic en la

tarjeta. Esto

solamente aplica

para estas tarjetas

dentro del buscador.

dataLayer.push({


'UES':’RyD',

'ecommerce': {


'impressions': [

{


'id': '113544',

'price': ‘49900',



'list': ‘Búsqueda rápida',

'position': '1’

}]

}

});

1

category: Ecommerce


label: Búsqueda rápida

UES: RyD

Impresión de Productos en categorías

1

1

category: Ecommerce


label: Deportes

UES: RyD

El datalayer contiene todos los

productos que sean visibles

en pantalla, para este ejemplo

serian 3, pero en el caso de

desplegar el botón de ver más

y/o aparezcan más

productos, también se debe

ejecutar el datalayer para

esos productos.

dataLayer.push({


'UES':’RyD',

'ecommerce': {


'impressions': [

{


'id': '113544',

'price': ‘49900',



'list’: ‘Deportes',

'position': '1'

},{

'name’: ‘Futbol básico',

'id': '113555',

'price’: ‘56000',


'category': ‘Deportes’,

'list’: ‘Deportes',

'position': ‘2’

},{

'name’: ‘Taekwondo Básico',

'id': ‘113346',

'price': ‘49900',



'list’: ‘Deportes’,


}]

}

});

Impresión de Productos en vitrina subcategorias

1

category: Ecommerce


label: Escuelas deportivas

UES: RyD

1






y/o aparezcan más



esos productos.

dataLayer.push({


'UES':’RyD',

'ecommerce': {


'impressions': [

{


'id': '113544',

'price’: ‘32900',



'list’: ‘Escuelas deportivas',

'position': '1'

},{

'name’: ‘Natación intermedia',

'id': '113545',

'price’: ‘32900',



'list': ‘Escuelas deportivas',

'position': ‘2’

},{

'name’: ‘Natación avanzada',

'id': '113546',

'price’: ‘32900',



'list': ‘Escuelas deportivas',


}]

}

});

Impresión de Productos en vitrina tiqueteras, pasadia, membresia y

eventos

1

category: Ecommerce


label: Membresías

UES: RyD






y/o aparezcan más



esos productos.

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {


'impressions': [

{

'name’: ‘El Cubo',

'id': ‘123551',

'price’: ‘12000',



'list’: ‘Membresías',

'position': '1'

},{

'name’: ‘BellaVista',

'id': ‘123552',

'price’: ‘16000 ',

'brand': ‘Colsubsidio’,


'list’: ‘Membresías’,

'position': ‘2’

},{

'name’: ‘Club CDE 195',

'id': ‘123553',

'price’: ‘20000 ‘,

'brand': ‘Colsubsidio’,


'list’: ‘Membresías’,


}]

}

});

Ejemplo DataLayer Clic productos

Index

Evento


1

Home,

páginas de

categorías,

páginas de

subcategorí

as y vitrinas.

En todos los

enlaces

donde se

seleccione el

producto

Ecommerce

Product

Click

{value id} –

{value name}

dataLayer.push({

'event': 'productClick’,


'ecommerce': {

'click': {

'actionField': {'list’: ‘{{Home/Home-Alternativas para descubrir lo que te gusta/Búsqueda


'products’: [

{






'position’: ‘{{1,2,3…}}’

}

]

}

},

});

1

category: Ecommerce

action: Product Click

label: {value id} – {value name}

UES: RyD

Clic de Productos en el Home

1

dataLayer.push({

'event': 'productClick',

'UES':’RyD',

'ecommerce': {

'click': {

'actionField': {'list': ' Home-Los cursos más vistos '},

'products': [

{


'id': '113554',

'price': ‘49900',


‘category': ‘Deportes’,

'position': ‘1’

}

]

}

},

});

1

category: Ecommerce


label: 113554 – Natación Básica

UES: RyD

Clic de Productos en el Home

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'click': {

'actionField': {'list': ' Home-Alternativas para descubrir lo que te gusta '},

'products': [

{

'name’: ‘Pasadia',

'id': '113551',

'price’: ‘41050',


'category’: ‘Pasadias’,

'position': '1’

}

]

}

},

});

1

category: Ecommerce


label: 113551 – Pasadia

UES: RyD

Clic de Productos en resultados de búsqueda

1

Cuando se haga clic

en la tarjeta se debe

ejecutar el data layer

de impresión de

producto y el

datalayer de clic.

Esto solo aplica en

esta sección de

búsqueda rápida

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'click': {

'actionField': {'list': Búsqueda rápida'},

'products': [

{


'id': '113544',

'price': ‘49900',



'position': '1'

}

]

}

},

});

1

category: Ecommerce


label: '113544 – Natación Básica

UES: RyD

Clic de Productos en categorías

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'click': {

'actionField': {'list': 'Deportes'},

'products': [

{


'id': '113544',

'price': ‘49900',



'position': '1’

}

]

}

},

});

1

category: Ecommerce


label: '113544 – Natación Básica

UES: RyD

Clic de Productos en vitrina subcategorias

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'click': {

'actionField': {'list': 'Escuelas deportivas'},

'products': [

{


'id': '113544',

'price’: ‘32900',



'position': '1'

}

]

}

},

});

1

category: Ecommerce


label: 113544 – Natación Básica

UES: RyD

Impresión de Productos en vitrina tiqueteras, pasadia, memebresia

y eventos

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'click': {

'actionField': {'list': 'Membresías'},

'products': [

{

’name’: ‘El Cubo',

'id': ‘123551',

'price’: ‘12000',


'category’: ‘Membresias’,

'position': '1'

}

]

}

},

});

1

category: Ecommerce


label: 123551 – El Cubo

UES: RyD

Ejemplo DataLayer Detalle Productos

Index

Evento


1

Detalle de

producto

Al cargar la

pagina del

detalle de

producto

Ecommerce

Product

Detail

dataLayer.push({

‘event’:’productDetail’,


'ecommerce': {

'detail': {

'actionField': {'list’: ‘{{Home/Home-Alternativas para descubrir lo que te gusta/Búsqueda


'products': [{

{value id} – 'name’: ‘{{nombre producto}}’,

{value name} 'id’: ‘{{id del producto}}’,




}]

}

}

});

1

category: Ecommerce

action: Product Detail


UES: RyD

Detalle de productos

1

dataLayer.push({

'event':'productDetail',

'UES':’RyD',

'ecommerce': {

'detail': {

'actionField': {'list’: Deportes’}, //Puede variar

dependiendo del flujo del usuario por el cual venga

'products': [

{

'name’: ‘Natación',

'id': '113554',

'price’: ‘45900',

'brand’: ‘Colsubsidio',

'category’: ‘Deportes',

}

]

}

}

});

1

category: Ecommerce


label : 113554 – Natación

UES: RyD

Detalle de Productos practicas libres

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'detail': {

'actionField': {'list’: ’Home’}, //Puede variar dependiendo

del flujo del usuario por el cual venga

'products': [

{

'name': ‘Tiquetera Natación',

'id': '113554',

'price': ‘4700',


'category': ‘Tiqueteras',

}

]

}

}

});

1

category: Ecommerce


label : 113554 – Tiquetera Natación

UES: RyD

Detalle de Productos pasadías/membresías

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'detail': {



'products': [

{

'name’: ‘Pasadía BLOC Ricaurte',

'id': '113554',

'price’: ‘45900',


'category’: ‘Pasadias',

}

]

}

}

});

1

category: Ecommerce


label : 113554 – Pasadía BLOC Ricaurte

UES: RyD

Detalle de Productos eventos

1

dataLayer.push({


'UES':’RyD',

'ecommerce': {

'detail': {



'products': [

{

'name’: ‘Concierto tributo a Daft Punk',

'id': '113554',

'price’: ‘45900',


'category’: ‘Eventos',

}

]

}

}

});

1

category: Ecommerce


label : 113554 – Concierto tributo a Daft Punk

UES: RyD

Ejemplo DataLayer Agregar carrito de compras

Index

Evento


1

Configuras

estudiantes

Botón

agregar al

carrito

Ecommerce Add to Cart

{value id} –

{value

name}

<script>

dataLayer.push({

'event': ‘AddToCart’,


'ecommerce': {

'currencyCode': ‘COP',

'add’: {

'products': [{






'quantity’: ‘{{cantidad del producto}}’

} ]

}

});

</script>

1

category: Ecommerce

action: Add to Cart


UES: RyD

Agregar carrito de Productos en Compra tu plan

1

El evento se

activa aquí

dataLayer.push({

'event': 'AddToCart',

'UES':’RyD',

'ecommerce': {


'add': {

'products': [

{


'id': '113555',

'price': ‘45900',


'category': ‘Deporte',

'quantity': '2’

}]

}

}

});

1

category: Ecommerce

action: Add to Cart

label : 113555 – Natación Básica

UES: RyD

Ejemplo DataLayer Remover carrito de compras

Index

Evento


1 Carrito

Caneca de

basura para

eliminar el

producto

Ecommerce

Remove

From Cart

{value id} –

{value

name}

<script>

dataLayer.push({

'event':'removeFromCart’,


'ecommerce': {

'remove': {

'products’: [

{






'quantity’: ‘{{cantidad del producto}}’,

‘Price-old’:’{{Precio sin descuento}}’

}

]

}

}

});

</script>

1

category: Ecommerce

action: Remove From Cart


UES: RyD

Remover Productos en Servicios adicionales - Flujo compra

1

dataLayer.push({

'event':'removeFromCart',

'UES':’RyD',

'ecommerce': {

'remove': {

'products': [{


'id': '113555',

'price': ‘45900',



'quantity’: ‘1’,

'Price-old': '45900'

}]

}

}

});

1

category: Ecommerce

action: Remove From Cart

label: 113555 - Natación Básica

UES: RyD

Ejemplo DataLayer Checkout

Index

Evento


1

Checkout

paso 1

Al cargar la

página

Ecommerce Checkout Paso - 1

dataLayer.push({

'event':'checkout’,


'ecommerce': {

'checkout': {

'actionField':{'step': 1},

'products’:[

{






'quantity’: ‘{{cantidad del producto}}’

}

]

}

}

});

1

category: Ecommerce

action: Checkout

label: Paso - 1

UES: RyD

Checkout Paso 1 Flujo compra

1

dataLayer.push({

'event':'checkout',

'UES':’RyD',

'ecommerce': {

'checkout': {

'actionField':{'step': 1}

'products':[{


'id': '113555',

'price': ‘45900',



'quantity': '2’

}]

}

}

});

1

category: Ecommerce

action: Checkout

label: Paso - 1

UES: RyD

Ejemplo DataLayer Purchase

Index

Evento

1


Transacción

Aprobada o

Pendiente

No se debe

disparar en

Transacción

Rechazada

Al cargar el

recibo de

pago

Ecommerce

Purchase

{id

transaction}

<script>

dataLayer.push({

'event’: 'purchase',


'ecommerce': {

'purchase’: {

'actionField’:{

'id': '{{Id Transacción}}',

'revenue':'{{Valor de la Transacción}}',

'tax': ‘{{Valor del impuesto}}’,//si no hay valor dejar en 0

'shipping': ‘{{Valor del envío}}', //si no hay valor dejar en 0

'coupon': ‘{{Texto del coupon}}’, //Si es vacio se puede omitir

'paymentMethod': '{{Método de pago}}’,//Puede ser crédito. débito o TAMS

},

'products’:[{






'quantity’: ‘{{cantidad del producto}}’,

‘Price-old’:’{{Precio sin descuento}}’

}

]

}

}

});

</script>

1

category: Ecommerce

action: Purchase

label: {id transaction}

UES: RyD

Purchase Aprobado

1

dataLayer.push({

'event': 'purchase',

'UES':’RyD',

'ecommerce': {

'purchase': {

'actionField':{

'id': ‘#45687798899074',

'revenue’:’459000',

'tax': ‘0’,

'shipping': ‘0',

'coupon': '',

'paymentMethod': ‘Credito'

}

'products':[{


'id': '113555',

'price': ‘45900',



'quantity’: ‘1’,

'Price-old': '45900'

}]

}

}

});

1

category: Ecommerce

action: Purchase

label: #45687798899074

UES: RyD

Marcación

Contenido

Error 404

1

category: Error 404

action: Carga pagina

label: www.colsubsidio.com/vivienda/

seccion: Deportes

Index

Evento

Evento Category Action Label SCRIPT

1 ga_event_error404 Error 404 Carga pagina {url}

dataLayer.push({'event':'ga_event_error404','category’:Error

404','action’:’Carga pagina','label':’{URL donde se presenta el

error}’,sección':'{sección donde esté el modulo}’});

Header

1

2

3

Índice Indicación Clases y Atributos /Ejemplos

1

2

3

El enlace debe tener una clase metricas-logoheader y un atributo data-Seccion con valor de la class=“metricas-logoheader”

sección donde se realice el clic.

data-Seccion=“Ocio y entretenimiento”

El enlace debe tener una clase metricas-ingresarheader. Un atributo data-Seccion con valor class=“metricas-ingresarheader”

de la sección donde se realice el clic.


El enlace debe tener una clase metricas-consultacarrito. Un atributo data-Seccion con valor class=“metricas-consultacarrito”

de la sección donde se realice el clic.


Header - Buscador

1

1

1

Ejemplo

category: Header

action: Buscador

label: Natación

seccion: Deportes

Index

Evento


1 ga_event_buscador Header Buscador {keyword}

dataLayer.push({'event':'ga_event_buscador','category':'Header','action':'Buscador'

,'label':'{keyword}','Seccion':'{sección desde donde se realice la consulta}’});

Nota: El datalayer se debe disparar cuando se realice la acción de búsqueda (clic-enter) o cuando

al mostrar resultados predeterminados (tarjetas), se de clic sobre éstas.

Header - Buscador

2

2

Ejemplos

category: Header

action: Buscador_sugerido

label: Fútbol

seccion: Deportes

3

3

category: Header

action: Busqueda_fallida

label: Natación

seccion: Deportes

Index

Evento


2 ga_event_buscadorsug Header Buscador_sugerido

{opción

seleccionada}

3 ga_event_busquedafallida Header Busqueda_fallida {keyword}

dataLayer.push({'event':'ga_event_buscadorsug','category':'Header','action':'Buscador_sugeri

do','label':'{opción seleccionada}','Seccion':'{sección desde donde se realice la consulta}’});

dataLayer.push({'event':'ga_event_busqueda_fallida','category':'Header','action':'Busqueda_f

allida','label':'{keyword}','Seccion':'{sección desde donde se realice la consulta}’});

Header - Menú

1


1

Los enlaces deben tener una clase metricas-menu, un atributo data-menucategoria con las

secciones del menú y un atributo data-menusubcategoria con el nombre del tema seleccionado. Un

atributo data-seccion con valor de la sección desde donde se realice la consulta.

class=“metricas-menu”

data-menucategoria=“Deportes y Recreación”

data-menusubcategoria=“Escuelas deportivas”

data-seccion=“Eventos”

Banner - CTA

1


1

Los enlaces del botón deben tener una clase metricas-bannercta y un atributo datacta

con el nombre del banner. Un atributo data-seccion con valor de la sección desde data-cta=“Aprende desde tu casa o sede favorita”

class=“metricas-cta”

donde se realice la interacción.

data-seccion=“Home”

Categorías – Links ícono

1


1

Los enlaces deben tener una clase metricas-iconocategoria y un atributo data-categoria con class=“metricas-iconocategoria”

el texto de la categoría seleccionada. Un atributo data-seccion con valor de la sección desde data-categoria=“Deportes”



Categorías – Links imágenes

1


1

Los enlaces deben tener una clase metricas-imgcategoria y un atributo data-categoria con el class=“metricas-imgcategoria”

texto de la categoría seleccionada. Un atributo data-seccion con valor de la sección desde data-categoria=“Primera infancia”



Imagen | texto | link - Botón

1


1

Los enlaces del botón deben tener una clase metricas-contenidocta y un atributo data-titulo class=“metricas-cta”

con el nombre de título del contenido. Un atributo data-seccion con valor de la sección desde data-titulo=“Ocio y entretenimiento para tu empresa”



Cards Noticias

1

2


1

2

class=“metricas-cards”

Los enlaces que tenga toda la tarjeta, deben tener una clase metricas-cards, un atributo datatitulo

con el nombre de la categoría para las tarjetas y un atributo data-cards con el título de

data-titulo=“Noticias”

data-cards=“Estudiante clasificado al

la tarjeta. Un atributo data-seccion con valor de la sección desde donde se realice la

sudamenricano de natación”

interacción.

data-seccion=“Deportes”

El enlace del botón debe tener una clase metricas-mascards y un atributo data-titulo con el class=“métricas-mascards”

nombre de la categoría para la consulta de más tarjetas. Un atributo data-seccion desde data-titulo=“Noticias”


data-Seccion=“Deportes”

Sección Noticias - Pestañas

1


1

Cada pestaña debe tener una clase metricas-pestañas y un atributo data-pestañas con el class=“metricas-pestañas”

nombre de la pestaña. Un atributo data-seccion con valor de la sección desde donde se data-pestañas=“Lo último”

realice la interacción.

data-seccion=“Noticias”

Sección Necesitas ayuda

1


1

Los enlaces deben tener una clase metricas-ayuda y un atributo data-ayuda con el título del class=“metricas-ayuda”

componente seleccionado. Un atributo data-seccion con valor de la sección desde donde se data-ayuda=“Contáctanos”



Footer – Redes Sociales

1

Indice Indicación Clases y Atributos /Ejemplos

1

Los enlaces deben tener una clase metricas-redes y un atributo data-red con el class=“metricas-redes”

nombre de la red. Un atributo data-seccion con valor de la sección desde donde se data-red=“Facebook”



Página Categoría y Subcategoría - Botón Ver más

1


1

El enlace del botón debe tener una clase metricas-vermas y un atributo data-titulo con el class=“métricas-vermas”

nombre de la categoría para la consulta de más tarjetas. Un atributo data-seccion desde data-titulo=“Cursos destacados de la categoría”


data-Seccion=“Deportes”

Página Categoría y Subcategoría - Acordeón

Ejemplo

1 category: Acordeones

action: Próximas fechas de inscripción

label: Baloncesto

seccion: Deportes

Index

Evento


1 ga_event_acordeon Acordeones {titulo acordeon} {titulo pestana}

dataLayer.push({'event':'ga_event_acordeon','category’:’Acordeones','act

ion’:’{titulo acordeon}','label':’{titulo pestaña}’,’seccion':’{sección desde

donde se realice la interaccion}’});

Nota: El datalayer se debe disparar solo cuando se despliegue el acordeón por cada tema

Preguntas frecuentes

1

2

Indice Indicación Clases y Atributos /Ejemplos

1

2

class=“metricas-preguntas”

Para la acción de desplegar la respuesta de la pregunta, se debe tener una clase

data-titulo=“Preguntas frecuentes”

metricas-preguntas, un atributo data-titulo con el nombre del titulo del grupo de

data-pregunta=“¿Los cursos, talleres y actividades los pueden

preguntas y un atributo data-pregunta con el nombre de la pregunta. Un atributo

tomar las personas no afiliadas a la caja?”

data-seccion con valor de la sección donde se esté utilizando el componente.


El enlace debe tener una clase metricas-pregvermas y un atributo data-titulo con el class=“metricas-pregvermas”

nombre del titulo del grupo de preguntas. Un atributo data-Seccion con valor de la data-titulo=“Preguntas frecuentes”

sección donde se este utilizando el modulo.


Links Columnas

1


1

Los enlaces deben tener una clase metricas-columnaslink, un atributo data-titulo con el class=“metricas-columnaslink”

nombre del titulo del grupo de columnas y un atributo data-columna con el nombre de la data-titulo=“Prográmate”

columna. Un atributo data-seccion con valor de la sección desde donde se realice la data-columna=“Informes de gestión y sostenibilidad”

interacción.


Formulario – Empresas

Ejemplo

1 category: Formulario empresas

action: Solicitud informacion

label: Teatro

nit: 9005554449

correo: prueba@prueba.com

celular: 3112223344

Index

Evento

1


ga_event_formularioso

licitud

Formulario

empresas

Solicitud

informacion

{producto a

cotizar}

dataLayer.push({'event':'ga_event_formulariosolicitud','category’:’Formul

ario empresas','action’:’Solicitud informacion','label':’{producto a

cotizar}’,’nit':’{nit ingresado}’,‘correo':’{correo ingresado}’,‘celular':’{numero

de telefono ingresado}’});

Nota: El datalayer se debe disparar solo cuando los datos sean enviados correctamente.

Formulario – Empresas / Página de gracias

Ejemplo

1 category: Formulario empresas

action: Solicitud informacion

label: Pagina gracias

Index

Evento

1


ga_event_paginagraci

as

Formulario

empresas

Solicitud

informacion

Pagina gracias

dataLayer.push({'event':'ga_event_formulariosolicitud','category’:’Formul

ario empresas','action’:’Solicitud informacion','label’:’Pagina gracias’});

Localízanos

1

Ejemplo

category: Localizador

action: Club la Colina

label: Ver mapa

seccion: Deportes

Index

Evento


1 ga_event_localizador Localizador

{Sitio

seleccionado}

Ver mapa

dataLayer.push({'event':'ga_event_localizador','category’:’Localizador','ac

tion’:’{sitio seleccionado de la lista lateral}’,'label’:’Ver

mapa’,’seccion’:’{sección desde donde se realice la consulta}’});

Nota: El datalayer se debe disparar solo cuando el usuario seleccione el sitio.

Filtros – Vitrina – Datalayer al mostrar el resultado de filtro

1

Ejemplo

category: Filtros

action: Deportes

label: Escuelas deportivas

seccion: Buscador vitrina resultados

Index

Evento


1 ga_event_filtros Filtros

{Categoria del

filtro}

{Subcategoria

del filtro}

dataLayer.push({'event':'ga_event_filtros','category’:’Filtros','action’:’{Cate

goria del filtro}’,'label’:’{Subcategoria del filtro}’,’seccion’:’{sección desde

donde se realice la consulta}’});

Nota: El datalayer se debe disparar solo cuando se realice clic sobre el filtro

Filtros – Botón Ver más

1


1

El enlace debe tener una clase metricas-filtrovermas y un atributo data-subcategoria con el class=“metricas-filtrovermas”

nombre de la subcategoría del resultado del filtro. Un atributo data-seccion con valor de la data-categoria=“Escuelas deportivas”

sección desde donde se realice la interacción.

data-seccion=“Vitrina Deportes”

Detalle de producto/estado - Acordeón

1

Ejemplo

category: Acordeon producto

action: Natación

label: Elige la sede en la que tomarás el curso

seccion: Detalle de producto

Index

Evento

1


ga_event_acordeonpr

oducto

Acordeon

producto

{nombre del

producto}

{nombre del tab

del acordeon}

dataLayer.push({'event':'ga_event_acordeonproducto','category’:’Acord

eon producto','action’:’{nombre de producto}’,'label’:’{nombre del tab del

acordeon}’,’seccion’:’{sección desde donde se realice la interaccion}’});

Nota: El datalayer se debe disparar solo cuando se despliegue el acordeón por cada tema

Detalle de producto/estado – Reseñas del curso

1


1

Las interacciones deben tener una clase metricas-resenas, un atributo data-titulo con el class=“metricas-resenas”

nombre del producto donde se realiza la reseña y un atributo data-tiporesena con el nombre data-titulo=“Natación”

asignado para la interacción de la reseña. Un atributo data-seccion con valor de la sección data-tiporesena=“Like”

desde donde se realice la interacción.


Single Sign-On - Estado

1

Ejemplo

category: Autenticacion

action: Inicio de sesion

label: Inicio de sesión válido

seccion: Home

Index

Evento


1 ga_event_iniciosesion Autenticacion

Inicio de

sesion

{Resultado del

inicio de

sesion}

dataLayer.push({'event':'ga_event_iniciosesion','category’:’Autenticacion',

'action’:’Inicio de sesion’,'label’:’{Resultado del inicio de

sesion}’,’seccion’:’{sección desde donde se realice el ingreso}’});

Nota: El datalayer se debe disparar cuando se realice la validación de identidad el cual debe enviar:

Si es usuario valido = Inicio de sesión válido

Si no es un usuario valido = Inicio de sesión invalido

Configurar estudiantes – Añadir nuevo

1

Ejemplo

category: Natación básica

action: Gestion de compra

label: Agregar persona

seccion: Configurar estudiantes

1

Index

Evento


1 ga_event_agregarper

{Nombre del

producto}

Gestion de

compra

Agregar

persona

dataLayer.push({'event':'ga_event_agregarper','category’:’{Nombre del

producto}','action’:Gestion de compra’,'label’:’Agregar

persona’,’seccion’:’{sección desde donde se realice la interaccion}’});

Carrito – Ir al pago/CTA

1

Ejemplo

category: Natación básica

action: Resumen de compra

label: Ir al pago

seccion: Carrito

Index

Evento

1


ga_event_resumendeco

mpra

{Nombre del

producto}

Resumen de

compra

{Nombre botón

CTA}

dataLayer.push({'event':'ga_event_resumendecompra','category’:’{Nom

bre del producto}','action’:’Resumen de compra’,'label’:’{Nombre botón

CTA}’,’seccion’:’{sección desde donde se realice la interaccion}’});

Pagina de gracias - Error en pago

Ejemplo

1

category: Pagina gracias pago

action: Solicitud rechazada

label: 45687798899074

revenue: 126000

seccion: Deportes

Index

Evento


1 ga_event_errorenpago

Pagina gracias

pago

Solicitud

rechazada

{Número de

compra}

dataLayer.push({'event':'ga_event_errorenpago','category’:’Pagina

gracias pago','action’:’Solicitud rechazada’,'label’:’{Numero de

compra}’,’revenue’:’{valor de la compra}’, ’seccion’:’{sección desde

donde se realice la interaccion}’});

Gracias

PDF_GuiaMarcación_Colsubsidio_Ocio y entretenimiento

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?