Una de las dudas que suelen surgir al empezar a trabajar con Google Tag Manager es, cuando activas las variables integradas, diferenciar entre page path y page url.
Si todavía no tienes claro el la diferencia entre estas dos variables, este es tu artículo.
¿Qué es page path en Google Tag Manager?
La variable page path de Google Tag Manager va a devolverte mucha menos información que page url, ya que únicamente te devolverá lo que viene después del nombre del dominio, pero antes de cualquier otro parámetro de consulta, como por ejemplo:
- El signo de interrogación «?», que es usado como parámetro de consulta.
- El símbolo de almohadilla o hashmark «#», que es utilizado como fragmento de url para, por ejemplo, definir las anclas dentro de una página.
- Los dos puntos «:», que son utilizados para definir el puerto de acceso a la web.
Es decir que la variable page path únicamente devuelve el subdirectorio (página) de la web.
De esa manera si, por ejemplo, deseas usar otros elementos, como por ejemplo los parámetros de consulta de una campaña (utms) en alguno de los activadores de Google Tag Manager, la variable page path no te servirá.
¿Qué es page url en Google Tag Manager?
La variable page url es más completa, ya que te va a devolver la totalidad de la url con todos sus componentes: Protocolo, nombre del host, puerto de acceso, ruta,extensión de nombre de archivo, consulta y fragmento.
En principio, y si no haces nada, te devolverá la url completa, pero puedes aislar uno, o todos sus componentes. Veamos cómo.
Variables de URL personalizadas
Una de las ventajas de Google Tag Manager es que puedes personalizar sus componentes si no los encuentras «de serie» en la herramienta. Con las variables no podía ser de otro modo.
En el caso que nos ocupa hoy, si necesitas personalizar la variable page url para que en vez de devolver toda la url (esta es la opción por defecto), devuelva alguno de sus componentes, deberás ir a «Variables» y en la parte inferior «Variables definidas por el usuario» seleccionar «Nueva» y cuando hagas clic en configuración de la variable, elegir «URL» en el listado de variables que se desplegará en la parte derecha.
Una vez desplegada la configuración de la variable url puedes escoger que componente quieres que te devuelva. La opción por defecto es url completa, pero en el desplegable encontrarás otros componentes para configurar.
Para comprender como funciona esta variable, pongamos como ejemplo la URL http://carlosmdh.es/tutoriales/diferencias-entre-page-path-y-page-url-en-google-tag-manager:8080?fbclid:3h5h676923df#page.
- URL completa. Devolverá la url completa, pero sin el fragmento del hash mark. Por ejemplo http://carlosmdh.es/tutoriales/diferencias-entre-page-path-y-page-url-en-google-tag-manager/?fbclid:3h5h676923df#page
- Protocolo. Devuelve el protocolo de la URL. En mi caso, https.
- Nombre del host. Devuelve el nombre del host (dominio) sin el puerto. En mi caso carlosmd6.sg-host.com. Si el host fuese precedido por el subdominio www podrías omitirlo marcando la casilla que se despliega al seleccionar este componente.
- Puerto. Devuelve el puerto de acceso, en el ejemplo 8080. Si no tiene definido un puerto en la URL devolverá 80 para http o 443 para https.
- Ruta. Devolverá el nombre de la ruta en la URL, es decir lo que sigue al nombre del host, excepto el puerto, la consulta y el fragmento. En este componente puedes eliminar el último elemento que no corresponda al directorio, por ejemplo, la página con nombre inicio.html o inicio.php o cualquier otra, incluyendo los valores a excluir en el campo que se despliefga al escoger esta opción. En el ejemplo obtendría /tutoriales/diferencias-entre-page-path-y-page-url-en-google-tag-manager/
- Consulta. Devuelve, si incluir el valor «?» la cadena completa del parámetro de consulta. En el caso de definir la clave de consulta, en mi ejemplo es fbclid, devolverá el valor 3h5h676923df. En el caso de no encontrarse esta clave de consulta, el valor que devolverá será «undefined».
- Fragmento. Devuelve el valor del fragmento de la URL sin el # inicial. En el ejemplo sería page.
No te vayas todavía
A modo de resumen, page path va a devolver únicamente el fragmento de la url que va después del nombre del host, pero antes de los componentes de consulta, fragmento de la URL, puerto y extensión de archivo, como por ejemplo /tutoriales/diferencias-entre-page-path-y-page-url-en-google-tag-manager/.
Si necesitas extraer alguno de los componentes de la URL o la totalidad de la misma, deberás crear una variable personalizada con page URL. por ejemplo page URL te devolverá http://carlosmdh.es/tutoriales/diferencias-entre-page-path-y-page-url-en-google-tag-manager/?fbclid:3h5h676923df
Quizás la mejor forma de entenderlo sea con la siguiente imagen.