Cómo añadir Google Tag Manager Server-Side Tagging a WordPress

Autor
Stape
Publicado
16 oct 2020
También disponible

¿Quiere instalar el Google Tag Manager del lado del servidor en WordPress? Si desea integrar software de análisis y aplicaciones de marketing con su sitio web de WordPress sin perder ningún dato (debido a AdBlockers o ITPs), entonces el etiquetado del lado del servidor de Google Tag Manager es lo que desea utilizar. Le permite añadir y ejecutar códigos de seguimiento a través del entorno del servidor.

En este artículo, explicaremos cómo añadir Google Tag Manager Server-Side Container en WordPress utilizando nuestro plugin.

¿Qué es Google Tag Manager Server-Side Tagging para WordPress?Copie el enlace a esta sección

Google Tag Manager Server-Side Tagging es una herramienta de Google lanzada a la beta pública en el verano de 2020. Permite trasladar los píxeles de la tercera parte de los navegadores de los clientes al entorno del servidor.

Con el etiquetado del lado del servidor, se olvidará de los datos incompletos dentro de Google Analytics o de cualquier otro software de análisis de sitios web. Y la baja velocidad de la página debido a scripts java pesados en su sitio de WordPress ya no será un problema.

Desde que el producto fue lanzado hace sólo unos meses, Server Container de Google Tag Manager tiene sólo un cliente nativo - Universal Analytics. Todos los elementos del Servidor GTM como clientes, tags, triggers y variables se centran únicamente en la implementación de Google Analytics a través del contenedor del lado del servidor. Naturalmente, la implementación de GA es uno de los objetivos más importantes para todos los propietarios de sitios web. Pero la transferencia de otras etiquetas como Facebook, Bing o AdWords puede reducir significativamente la carga del cliente y mejorar la calidad de los datos en su sitio de WordPress.

Lo más probable es que Google cree pronto etiquetas nativas para otras plataformas, como hizo con el contenedor web, o que los usuarios de Server GTM creen plantillas personalizadas y las compartan a través de la biblioteca de plantillas de GTM.

¿Cuáles son las principales ventajas de añadir un contenedor de Google Tag Manager del lado del servidor a WordPress?Copie el enlace a esta sección

1. Evitando la Prevención de Seguimiento Inteligente

Las ITPs (Intelligent Tracking Prevention) de Safari y Firefox restringen la vida de las cookies. Anteriormente su cookie podía vivir hasta 2 años, y ahora su vida está limitada a 7 días o incluso 24 horas. Con la implementación de Google Analytics en el entorno del servidor, se puede ampliar la vida de las cookies. Y por ahora, esa es la forma más fácil de alcanzar el objetivo. Si no lo hace, los usuarios que vuelvan a su sitio web después de 7 días (o en algunos casos, 24 horas) se considerarán nuevos usuarios. Como resultado, la calidad de los datos dentro de Google Analytics disminuirá.

2. Mejora de la precisión de los datos

La mayoría de los propietarios de sitios de WordPress ven discrepancias entre el número de transacciones en Google Analytics y su CRM. Esto ocurre debido a los bloqueadores de anuncios y a los errores que se producen en los navegadores de los clientes con los píxeles de terceros. Puede eliminar este problema moviendo GA al contenedor del servidor. Sus cookies de terceros se considerarán de primera parte sólo si sus datos se envían dentro de su dominio. Este artículo explica el beneficio de cambiar la URL de etiquetado de GA a su subdominio personalizado. Además, no tendrá que lidiar con errores de javascript de terceros. Y los eventos se enviarán a través del servidor.  

3. Mejora de la velocidad de carga de la página

El javascript pesado es una de las razones más populares para la disminución de la velocidad de la página del sitio. Con el seguimiento del lado del servidor, eliminará los píxeles de terceros del navegador a los servidores de la nube. Google ha publicado recientemente un estudio que muestra que cada 0,1 segundos de reducción en la velocidad de un sitio web para móviles aumenta el valor de los pedidos en casi un 10%.

Si está impresionado por lo que ofrece Google Tag Manager del lado del servidor, entonces se alegrará de saber que añadir GTM Server Container a su sitio web de WordPress no supone ningún esfuerzo con nuestro plugin. El plugin es gratuito; aunque ofrecemos varios planes de precios para nuestros servicios, puede consultar los detalles aquí.

Cómo configurar el contenedor del lado del servidor de Google Tag Manager en WordPressCopie el enlace a esta sección

1. Inicie sesión en su admin de WordPress, y vaya a los plugins. A continuación, haga clic en "Añadir nuevo", escriba "GTM Server-Side", elija este plugin y haga clic en instalar ahora. Una vez instalado, haga clic en Activar.

wordpress plugin

2. Cree un contenedor de Google Tag Manager Server si no tiene uno. Vaya a https://tagmanager.google.com/ y elija la cuenta en la que desea crear un contenedor. A continuación, haga clic en Admin.

gtm

3. Bajo la columna del contenedor, haga clic en +.

gtm admin

4. Escriba el nombre del contenedor, elija Servidor y haga clic en crear. 

gtm create container

5. En la ventana emergente de instalación, elija "Manually provision tagging server", copie la configuración de su contenedor y péguela en cualquier editor de texto. La necesitaremos para los siguientes pasos.

Manually provision tagging server

6. Cree una cuenta en nuestro servicio aquí.

7. Una vez que haya recibido el correo electrónico de confirmación y haya establecido su contraseña, deberá crear un contenedor. Introduzca el nombre de su contenedor y pegue la configuración del contenedor que ha copiado de su contenedor de servidor de Google Tag Manager. A continuación, haga clic en Crear contenedor.

container config

8. Una vez que haga clic en crear, verá el estado de su contenedor, la configuración del contenedor y el nombre del plan. El despliegue de un contenedor de servidor tarda unos 5 minutos. Vuelva a cargar la página para actualizar el estado. Si la configuración se hizo correctamente, debería ver el estado "Running".

container running

Si usted ve "Error", por favor, compruebe si ha copiado y pegado la configuración correcta del contenedor.

Si el error se repite, póngase en contacto con el servicio de asistencia.

9. Configure tagging URL. Dentro de su Google Tag Manager, haga clic en admin, seleccione la configuración del contenedor y pegue la URL del dominio que ve dentro de stape.io/container

container settings
tagging server url

10. Abra el plugin GTM Server-Side que ha instalado en el primer paso y pegue la URL de etiquetado dentro de la configuración del plugin.

gtm for wordpress

11. Tiene dos opciones para añadir un contenedor de servidor de GTM: junto con un contenedor web de GTM o ejecutar sólo un contenedor de servidor de GTM. Le recomendamos que elija la segunda opción, "Añadir el contenedor web de Google Tag Manager en todas las páginas. Si tiene otros plugins de GTM, desactívelos".

12. Si usted elige la segunda opción, por favor pegue el ID de su contenedor web. Puede encontrarlo entrando en su contenedor web GTM; verá el ID en la esquina superior derecha. Péguelo en el campo ID de Google Tag Manager. Una vez hecho esto, no se olvide de desactivar otros plugins para la instalación de GTM. 

gtm for wordpress

13. Actualice la URL de transporte de Google Analytics dentro de su contenedor web GTM. Dentro del contenedor web de Google Tag Manager, vaya a Variables -> Elija su variable de Google Analytics -> Más ajustes -> Configuración avanzada -> Pegue la URL de transporte.

google analytics for wordpress

Eso es todo. Ahora el contenedor del servidor GTM está configurado en su sitio web de WordPress, y GA se ejecuta a través del entorno del servidor. Si usted quiere saber más acerca de la ejecución de GA a través de un subdominio personalizado para eludir adblockers y PTI, lea este artículo.

¿Cómo cargar Google Analytics desde un subdominio personalizado en WordPress?Copie el enlace a esta sección

Recomiendo encarecidamente el uso de un subdominio personalizado para su servidor de etiquetado, ya que le ayudará a mejorar la precisión de los datos. 

1. Inicie sesión en su cuenta del servidor GTM y haga clic en Añadir dominio personalizado.

custom domain

2. Acceda a su servicio de domain name y cree un nuevo DNS record para el subdominio que desea utilizar.

Si utiliza la cuenta de Cloudflare. Elija el dominio, haga clic en DNS -> Añadir record.

Añada esta configuración:

Tipo: A

Nombre: ss (o cualquier otro nombre de subdominio que desee)

Dirección IPv4: La dirección IP depende de la ubicación de los servidores. Puede encontrar la dirección IP del dominio personalizado en su cuenta de stape.io. Tenemos estas ubicaciones de servidores:

Centro de EE.UU. (lowa) => 35.193.123.107

Este de EE.UU. (Carolina del Sur) => 34.139.101.37

Oeste de EE.UU. (Oregón) => 104.198.8.50

Oeste de EE.UU. (Bélgica) => 35.195.159.201

AP Este (Singapur) => 34.126.138.154

Este de EE.UU. (São Paulo) => 35.198.36.195

TTL: Auto

Estado del proxy: desactivado

Su configuración debe ser así:

configuration 

Una vez hecho esto, haga clic en Guardar. 

3. Vaya a su cuenta de 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 Guardar. Después de añadir el dominio, pasa por el proceso de verificación. Puede tardar hasta 72 horas. Una vez verificado el dominio, el estado cambiará a "Verificado".

use custom domain

4. Una vez que su subdominio GTM está añadido y verificado, debería ver el estado Corriendo.

status running

5. Vaya a su contenedor GTM Server -> Admin -> Container Settings -> Cambie la URL del servidor de etiquetado a su subdominio. 

container settings

6. Actualice la URL de etiquetado dentro de las etiquetas de Google Analytics o la variable de Google Analytics dentro de su contenedor web GTM. Abra la etiqueta de Google Analytics -> Más ajustes -> Configuración avanzada -> Pase su subdominio GTM dentro de la URL de transporte. 

url tagging

7. Abra su plugin GTM Server-Side en WordPress y modifique la URL GTM Server-Side. 

gtm for wordpress

Eso es todo. Google Analytics en su sitio web de WordPress se ejecuta desde un subdominio personalizado y es resistente al Ad Blocker y a los ITPs. 

¿Quiere añadir GTM Server-Side Tagging a WordPress?

Por favor, responda a algunas preguntas para que podamos saber más. Haga clic en Obtener ayuda, rellene el formulario y le enviaremos un presupuesto.

Obtener ayuda
Etiquetado con:gtm serverWordPress

Aloje su servidor GTM en Stape¡ahora mismo!