Stape

Cómo añadir un dominio personalizado al contenedor del servidor de Google Tag Manager

Actualizado
18 abr 2024
Publicado
6 oct 2020
También disponible

En este artículo, describiré cómo configurar un dominio personalizado dentro del contenedor del servidor de Google Tag Manager. La principal ventaja de utilizar un dominio personalizado para sGTM es que ayuda a aumentar la vida útil de las cookies al establecer cookies de origen en lugar de cookies de terceros.

Ventajas de asignar un dominio personalizado dentro de sGTMCopie el enlace a esta sección

La principal ventaja del etiquetado en el servidor reside en el establecimiento de cookies de origen, aunque no está activado por defecto. Para aprovechar esta capacidad, es necesario implementar un dominio personalizado en su GTM del lado del servidor.

Dado que Chrome es el último navegador que admite cookies de terceros y empezará a eliminar gradualmente las cookies de terceros en 2024, ahora es el momento de empezar a utilizar cookies de origen en lugar de las de terceros.

La estabilidad y longevidad de las cookies establecidas por sGTM dependen de cómo se implemente un dominio personalizado. Hay tres tipos de configuraciones de dominio personalizado dentro de sGTM.

CaracterísticasEl mismo origenSubdominioDefault dominio
Ejemplo URLexample.com/sgtmsgtm.example.comwjzsdfvom.us.stape.io
Estabilidad de las cookiesOfrece toda la ventaja de prolongar la vida útil de las cookies sin necesidad de configuración adicional.Ofrece la posibilidad de establecer cookies de origen, aunque para aumentar la vida útil de las cookies en Safari y otros navegadores con ITP, es necesario configurar CDN o utilizar Cookie Keeper.Sólo puede establecer cookies de Javascript.
ComplejidadComplicado. Configure una CDN o un equilibrador de carga para reenviar las solicitudes. Puede ser necesario actualizar las entradas DNS.Fácil. Actualice las entradas DNS.Está preconfigurado para usted cuando configura la cuenta de stape.io.

Cómo añadir un dominio personalizado dentro del contenedor del servidor de Google Tag ManagerCopie el enlace a esta sección

En primer lugar, debe crear y configurar el contenedor de servidor de Google Tag Manager. Si no dispone de un contenedor de servidor, siga estas instrucciones.

Mostraremos dos formas de mapear un dominio personalizado para el contenedor servidor de Google Tag Manager:

  • Usando un subdominio
  • Usando el mismo origen.

Usando el mismo origen.Copie el enlace a esta sección

1. Acceda a su cuenta del stape, abra su contenedor y haga clic en Añadir dominio.

using subdomain in stape.io

2. Seleccione si desea utilizar CDN y de qué tipo.

  • Disable CDN - optar por no utilizar ningún tipo de CDN.
  • Stape Global CDN - carga scripts desde un servidor más cercano al usuario que visita su sitio web.
  • Own CDN - ayuda a etiquetar URLs de servidores desde la misma IP que su sitio web. Da la posibilidad de establecer cookies que Safari no puede acortar.
enable cdn in stape.io

Añada un subdominio personalizado con registros A y AAAA:

Debe establecer registros A y AAAA si no utiliza CDN Global.

Debe establecer registros A, AAAA y CNAME, si utiliza CDN Global.

You must set A and AAAA records if you do not use Global CDN.
You must set A, AAAA and CNAME records, if you use Global CDN.

Añada un subdominio personalizado con un registro CNAME:

Esto puede ser útil cuando los proveedores de DNS restringen la adición de registros duplicados. Una situación común es con dominios alojados en Shopify o Wix.

Digamos que la URL de su servidor de etiquetado es sgtm.ejemplo.com. Usted debe crear registros DNS A y AAAA para verificar el dominio en Stape. Si Shopify gestiona su dominio, es imposible crear registros A y AAAA para el mismo subdominio. Por lo tanto, no se puede verificar un dominio personalizado en Stape.

Para solucionar este problema, active la casilla Utilizar registro CNAME en lugar de registros A y, en lugar de dos registros A, se le pedirá que añada un registro CNAME para verificar el dominio.

Debe establecer un registro CNAME si no utiliza CDN global.

You must set CNAME record if you do not use Global CDN.
You must set two CNAME records, if you use Global CDN.

3. Navegue hasta su proveedor de DNS; por ejemplo:

  • GoDaddy
  • Google Domains
  • Hostgator
  • Hover
  • Namecheap
  • Squarespace
  • AWS
  • Cloudflare

4. Si utiliza Cloudflare acceda a su cuenta -> haga clic en el dominio de su sitio -> Haga clic en DNS -> Añadir registro.

Cloudflare login

5. Añada esta configuración (por ejemplo):

Type: A

Name: ss (o cualquier otro subdominio que prefiera)

IPv4 address: La dirección IP depende de la ubicación de los servidores. Usted puede encontrar la dirección IP del dominio personalizado en su cuenta de stape.io. 

TTL: Auto

Proxy status: disable

Su configuración debería ser la siguiente:

settings

6. Una vez que usted lo haya hecho, haga clic en Save.

7. Vaya a su cuenta en app.stape.io y añada un dominio personalizado. Debe estar formado por el nombre que usted agregó a Cloudflare y su dominio. Haga clic en Save. Después de añadir el dominio, pasa por el proceso de verificación. Pero tenga en cuenta que puede tardar hasta 72 horas. Una vez verificado el dominio, el estado cambiará a "Verificado”.

dns record is verified

8. Vuelva al contenedor del servidor de Google Tag Manager -> Elija su contenedor de servidor -> Admin -> configuración del contenedor -> pegue la URL del servidor de etiquetado.

set tagging server url in gtm

Actualizar el script Web GTM en su sitio web es muy recomendable si utiliza un dominio personalizado. Este ajuste hará que gtm.js se cargue desde tu dominio. Para ello, sustituya el dominio predeterminado googletagmanager.com por el dominio personalizado que configuró en el paso anterior.

update google tag manager script stape

9. Dentro del contenedor Web, cree una nueva etiqueta del tipo Google Tag. Añada su ID de Google Tag.

En la sección Ajustes de configuración, añada los siguientes parámetros:

  • Name: server_container_url
  • Value: Introduzca la URL que ha creado

Añada el activador a la etiqueta GA4. Normalmente debería activarse en todas las páginas vistas.

set up Google Analytics 4 server-side 

También puede crear una etiqueta de Google: Ajustes de configuración variable que predefinirá la configuración de etiquetas de Google si necesita utilizar varias etiquetas de Google en su sitio web y no desea añadir ajustes para cada una de las etiquetas manualmente.

Estos parámetros pueden ser, por ejemplo, una configuración que defina si desea enviar un evento de vista de página cada vez que se active una etiqueta de Google, establecer parámetros UTM, ID de cliente, etc. Existe una lista de parámetros de configuración estándar de Google Tags.

10. Para configurar el evento GA4, vaya a la sección de etiquetas y cree una nueva etiqueta con el tipo de etiqueta Google Analytics: Evento GA4. Añada su GA4 ID y el nombre del evento; hay una lista de nombres de eventos estándar.

Puede crear una variable Google Tag: Event Settings variable que ayudará a compartir los parámetros del evento a través de varias etiquetas de eventos GA4 o Google Tags. Puede ser, por ejemplo, propiedades de usuario o producto, y también hay una lista de parámetros estándar para la configuración de eventos.

Google analytics 4 events settings 
google tag event settings variable

11. Abra el contenedor del servidor de Google Tag Manager -> haga clic en Cliente -> cree el cliente GA4 y guárdelo -> vaya a Etiquetas y configure la etiqueta GA4. Recuerde que GA4 envía automáticamente no sólo pageview pero algunos otros eventos. Dentro de Event Name elige la variable {{Event Name}}. -> añada trigger Nombre de Cliente igual a GA4.

set up ga4 tag in the server container 
set up ga4 client in the server container 

12. Abra el modo de vista previa del contenedor del servidor y compruebe que ve las solicitudes de GA4. Publicar actualizado dentro de los contenedores de servidor y web Google Tag Manager.

ga4 tag details

¡Ya está! Ahora su contenedor de servidor GTM se ejecuta desde su subdominio y es resistente al bloqueo de cookies de terceros.

Usando el mismo origenCopie el enlace a esta sección

Los requisitos previos para configurar el mismo dominio personalizado de origen:

1. CDN o un equilibrador de carga que pueda reenviar solicitudes.

2. Si utiliza App Engine, el servidor de etiquetado debe ejecutar la versión 2.2.0 o posterior.

3. Seleccione la ruta para su dominio personalizado sGTM, por ejemplo, example.com/sgtm, example.com/data, example.com/metrics, etc.

Le mostraremos 2 ejemplos de configuración del mismo dominio personalizado de origen para sGTM usando Cloudflare o nginx.

1. Cloudflare Copie el enlace a esta sección

a. Cree un trabajador en Cloudflare.

worker in cloudflare - stape

b. Añada el nombre del trabajador.

add worker name in cloudflare - stape

c. Cree js similar a la captura de pantalla a continuación, donde:

/metrics/ - es una ruta que usted elige para su contenedor de servidor.

https://gtm.stape.video/ - es la URL de su servidor de etiquetado. Hay dos escenarios:

  • [No recomendado] La URL predeterminada del servidor de etiquetado que le proporcionó stape. En este caso, la URL del servidor de etiquetado será como https://wapdsrl.ca.stape.io.
  • [Recomendado] El subdominio personalizado que has configurado en el administrador de stape.io. Se recomienda utilizar un subdominio personalizado al configurar un trabajador, ya que ofrece dos ventajas: la carga de gtm.js y gtag.js desde una ruta personalizada mediante la activación del cargador personalizado, lo que permite desbloquear los scripts de seguimiento y establecer cookies de origen de larga duración. Si utiliza un subdominio personalizado para su URL de servidor de etiquetado del mismo origen, asegúrese de haber añadido un dominio personalizado a su contenedor sGTM en stape y de haber creado registros DNS como se describe aquí. No utilice una CDN propia con el mismo dominio de origen.
export default { async fetch(request, env, ctx) { let {pathname, search, host} = new URL(request.url); pathname = pathname.replace('/metrics/', '/'); const domain = 'sgtm.stape.video'; let newRequest = new Request((`https://` + domain + pathname + search), request); newRequest.headers.set('Host', domain); return fetch(newRequest); }, };
same origin worker

d. Vaya a la Ruta de Trabajadores y cree una nueva Ruta. Añade la URL que utilizas para el servidor GTM terminada en *. En mi caso, es stape.dog/metrics* y selecciona el worker que has creado en los pasos anteriores.

create a new Route in cloudflare - stape

2. nginxCopie el enlace a esta sección

Añada a la configuración de su servidor, donde:

/metrics - que ha seleccionado para el servidor GTM.

https://gtm.mysimple.name - dominio personalizado de su sGTM.

location = /metrics { return 302 /metrics/; } location ~ ^/metrics(.*) { resolver 8.8.8.8 valid=3600s; proxy_pass https://gtm.mysimple.name$1$is_args$args; proxy_set_header Host gtm.mysimple.name; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }

ConclusiónCopie el enlace a esta sección

La adición de un dominio personalizado a un contenedor de servidor de Google Tag Manager (GTM) puede influir significativamente en la eficacia y la flexibilidad del seguimiento del lado del servidor. En este artículo, hemos proporcionado dos métodos de implementación de dominios personalizados.

Un enfoque de mismo origen ofrece mayor seguridad y una gestión de cookies más sencilla, ideal para dominios singulares y específicos. Una configuración de subdominio proporciona flexibilidad y optimización del rendimiento, adecuada para estructuras de dominio complejas o múltiples. Cada una tiene sus ventajas y desventajas en cuanto a complejidad, rendimiento y gestión. Considere cuidadosamente sus requisitos técnicos, necesidades de seguridad y objetivos de seguimiento para seleccionar la configuración más apropiada para su seguimiento del lado del servidor.

Si tiene alguna pregunta, visite nuestro servicio de asistencia o escriba un ticket. Nuestro equipo de expertos estará encantado de ayudarle con cualquier pregunta relacionada con el alojamiento y el seguimiento del servidor de Stape.

¿Tiene problemas al añadir un dominio personalizado?

Bastan unas simples preguntas. Haga clic en Obtener ayuda, rellena el formulario y le guiaremos.

Obtener ayuda
Etiquetado con:gtm server

Publicaciones relevantes

Actualizado 24 oct 2022

Las cookies de terceros están a punto de expirar. ¿Ayudará el seguimiento del lado del servidor?

A finales de 2024, Chrome y los navegadores basados en Chrome habrán acabado con las cookies de terceros. Safari y Firefox ya han implementado algoritmos de seguimiento inteligentes que pueden bloquear los rastreadores. Esto nos lleva al siguiente punto: los métodos de publicidad digital que dependen de las cookies de terceros para dirigirse a los consumidores podrían volverse ineficaces o incluso dejar de funcionar por completo.

Actualizado 11 abr 2024

Cuánto cuesta el servidor GTM y por qué Stape es más barato que el App Engine de Google Cloud

¿Qué coste tiene el servidor de Google Tag Manager alojado en Google Cloud? ¿Es una buena idea utilizar un entorno de prueba en el sitio de producción? Por qué el alojamiento de stape para el servidor GTM es más barato y cómo aseguramos los datos de nuestros usuarios.

Actualizado 23 feb 2024

Google Tag Manager del lado del servidor: Cómo configurar el Tag Manager del servidor, Universal Analytics, GA4 y la API de conversión de Facebook

El etiquetado del lado del servidor (server-side tagging) ha sido una de las principales tendencias de la analítica web en los últimos dos años. Los bloqueadores de anuncios, la protección de seguimiento inteligente, las restricciones a las cookies de terceros y las normativas como el GDPR han hecho que las empresas de análisis y publicidad empiecen a preocuparse por cómo y qué información recopilan sobre los visitantes del sitio. El etiquetado del lado del servidor permite trasladar las etiquetas de terceros fuera de su sitio y a un servidor en la nube. En este caso, los píxeles de terceros se cargan directamente desde el servidor podría en lugar de su sitio. En este artículo, explicaré y demostraré los aspectos básicos de la configuración del contenedor del servidor de Google Tag Manager, el servidor de Universal Analytics, GA4 y la API de conversión de Facebook.

Aloje su servidor GTM en Stape