{"id":1459,"date":"2021-08-24T17:54:43","date_gmt":"2021-08-24T17:54:43","guid":{"rendered":"http:\/\/luisrodriguez.pe\/blog\/?p=1459"},"modified":"2021-08-24T17:54:46","modified_gmt":"2021-08-24T17:54:46","slug":"como-crear-pageview-virtuales-en-google-analytics-4","status":"publish","type":"post","link":"https:\/\/luisrodriguez.pe\/blog\/como-crear-pageview-virtuales-en-google-analytics-4\/","title":{"rendered":"\u00bfC\u00f3mo crear Page View Virtuales de Google Analytics 4 con Tag Manager?"},"content":{"rendered":"\n

Antes de comenzar a explicar la configuraci\u00f3n de la Page View Virtual Google Analytics 4 tengamos claro las diferencias con las de Universal Analytics.<\/p>\n\n\n\n

Los Page View <\/strong>en Universal Analytics<\/strong> son hit que se deben ejecutar cada vez que carga una p\u00e1gina y en Google Analytics 4<\/strong> son eventos que se ejecutan tambi\u00e9n al momento de cargar la p\u00e1gina. <\/p>\n\n\n\n

Las diferencias que podemos encontrar en Universal Analytics<\/strong> y Google Analytics 4<\/strong> son las siguientes:<\/p>\n\n\n\n

<\/td> GA4 <\/strong><\/td> UA <\/strong><\/td><\/tr>
Nombre Evento<\/td>page_view<\/td>pageview<\/td><\/tr>
Atributos<\/td>page_title
page_location
page_path
page_referrer <\/td>		 page_title
page_location
page_path
<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u00bfCu\u00e1l es el problema con los Page View para necesitar un Page View Virtual? <\/h4>\n\n\n\n
\"\"<\/figure>
\n

<\/p>\n\n\n\n

Todo claro que los Page View <\/strong>su ejecutan cuando la p\u00e1gina carga, pero \u00bfQu\u00e9 pasar\u00eda si la p\u00e1gina no necesita carga para mostrar un nuevo contenido? Actualmente existe muchas p\u00e1ginas que son de tipo single page<\/strong> application (SPA)<\/strong> donde la p\u00e1gina no necesita recarga para poder cambiar la URL y mostrar un nuevo contenido. Este tipo de p\u00e1gina ocasiona un problema para el Page View<\/strong> que ya conocemos y es entonces que se requiere configurar las Page View Virtuales<\/strong>. <\/p>\n<\/div><\/div>\n\n\n\n

Configuraci\u00f3n de Page View Virtual de GA4 con Tag Manager<\/h4>\n\n\n\n

Primeros debemos configurar las variables por que la Page View Virtual <\/strong>necesita 4 datos y para cada necesidad puede variar de donde se va a extraer estos datos.<\/p>\n\n\n\n

Para este ejemplo <\/strong>usare el men\u00fa del home de mi p\u00e1gina que scrollea a la altura del contenido. Entonces para este caso puntual los datos que necesitamos se est\u00e1n enviado enviado en un dataLayer <\/strong>que se ejecuta al hacer click a las opciones de men\u00fa.<\/p>\n\n\n\n

Ejemplo:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
  1. page_title <\/strong>lo conseguimos con una variable tipo Variable de capa de datos<\/strong><\/li>
  2. page_location<\/strong> lo conseguimos extrayendo con una variable tipo Variable de capa de datos<\/strong><\/li>
  3. page_path<\/strong> lo conseguimos extrayendo con una variable tipo Variable de capa de datos <\/strong><\/li>
  4. page_referrer<\/strong> lo conseguimos con una variable tipo Variable de capa de datos<\/strong><\/li><\/ol>\n\n\n\n
    <\/div>\n\n\n\n
    VARIABLES<\/strong><\/h5>\n\n\n\n
    <\/div>\n\n\n\n
    1. DataLayer – title<\/h5>\n\n\n\n

    Variables \u2192 Nuevo \u2192 Tipo de Variable \u2192 Variable de capa de datos<\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n
    2. DataLayer – page<\/h5>\n\n\n\n

    Variables \u2192 Nuevo \u2192 Tipo de Variable \u2192 Variable de capa de datos <\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n
    3. DataLayer – path<\/h5>\n\n\n\n

    Variables \u2192 Nuevo \u2192 Tipo de Variable \u2192 Variable de capa de datos <\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n
    4. DataLayer – referrer<\/h5>\n\n\n\n

    Variables \u2192 Nuevo \u2192 Tipo de Variable \u2192 Variable de capa de datos <\/p>\n\n\n\n

    Nota: para obtener este valor se puede usar Javascript y con el m\u00e9todo document.referrer<\/a><\/strong><\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n
    ETIQUETAS<\/strong><\/h5>\n\n\n\n
    <\/div>\n\n\n\n
    1. PageView – Virtual – GA4 <\/h5>\n\n\n\n