Resultado ideal: Google Tag Manager se instala correctamente y sin ningún problema técnico.
Requisitos previos o requisitos: este proceso exacto solo se aplica a los sitios de WordPress.org.
Por qué esto es importante: Google Tag Manager es una excelente herramienta para agregar y administrar varios píxeles y códigos de seguimiento sin necesidad de editar el código de un sitio.
Dónde se ejecuta: en su instalación de WordPress y Google Tag Manager.
Configuración del entorno
Importante: este SOP solo funciona para sitios de WordPress autohospedados, también conocido como WordPress.org y no WordPress.com
- a. Descargue la extensión de Chrome heredada de Google Tag Assistant (gratis).Deberá iniciar sesión en su cuenta de Google.
- b. Si es la primera vez que crea una cuenta de Google Tag Manager, será redirigido a la página de creación de cuenta.
- 3. Complete la siguiente información:
- a. Nombre de la cuenta: el nombre que utiliza para identificar esta cuenta.
- b. País — País de origen.
- c. Nombre del contenedor: inserte la URL de su sitio web
- d. Plataforma de destino: ¿dónde planea agregar Google Tag Manager (por ejemplo, en su sitio web, dispositivo móvil, etc.)
- e. (Opcional) Comparta datos de forma anónima con Google.
- 1. Una vez terminado. Haga clic en "Crear"
- 2. Verá una ventana emergente de Términos de servicio de Google Tag Manager. Seleccione la casilla de verificación y haga clic en "Sí".
- 3. Verá el código para instalar Google Tag Manager. Ignore esto ya que no agregará código manualmente a su sitio de WordPress. Haga clic en Aceptar".
- 4. Una vez que esté en su espacio de trabajo, tome nota de su ID de Google Tag Manager.
- 5. Haga clic en Enviar > Publicar > Continuar para publicar su contenedor de Google Tag Manager.
Instalar y configurar el complemento de WordPress de Google Tag Manager
- 1. Inicie sesión en su sitio de WordPress.
- 2. En la barra lateral de WordPress, vaya a Complementos > Agregar nuevo
- 3. Ingrese "Google Tag Manager for WordPress" en el cuadro de búsqueda
- 4. Instale el complemento Google Tag Manager para WordPress (la imagen puede variar
- 5. Activar el complemento
- 6. En la barra lateral de WordPress, vaya a Configuración> Administrador de etiquetas de Google
- 7. Pegue su ID de Google Tag Manager (la que obtuvo del panel de control de Google Tag Manager) en el campo disponible
- 8. El complemento ofrece varias formas de instalar el código del contenedor en su sitio. Antes de implementar cualquiera de estos, le recomendamos que cree una copia de seguridad de su sitio.
- a. Opción 1: Inyección sin código: con esta opción, el complemento intentará descubrir la ubicación correcta para el contenedor. Esta es la opción más fácil, pero existe un pequeño riesgo de que se rompa algo en la interfaz de su sitio. Si decide optar por la inyección sin código, seleccione esta opción de la lista y haga clic en "Guardar cambios".
Después de seleccionar esto, visite el sitio web en una nueva pestaña o ventana y asegúrese de que todo se vea bien. Si es así, puede pasar al siguiente paso de control de calidad de la instalación.
- b. Opción 2: Personalizado: con esta opción, deberá realizar una pequeña edición en los archivos de su tema. Si su tema de WordPress le permite realizar cambios y se siente cómodo con el editor de temas, puede usar esta opción. Seleccione la ubicación del código del contenedor "Personalizado (necesita ajustes en su plantilla)" y haga clic en "Guardar cambios".
- i. Copie el código php proporcionado por el complemento y haga clic en "Guardar cambios"
- ii. En la barra lateral de WordPress, ve a Apariencia > Editor de temas
- iii. Asegúrese de que estás editando el tema que tiene instalado actualmente en su sitio (puede ir a Apariencia > Temas para verificar el nombre del tema que está usando)
- iv. Seleccione la plantilla "Encabezado de tema" de la lista de la derecha
- v. Esta plantilla es diferente según el tema que haya instalado. Sin embargo, siempre podrá encontrar una etiqueta de apertura < body > en el código.
- vi. Pegue el código php proporcionado por el complemento justo debajo de la etiqueta de apertura < body >.
- vii. Haga clic en "Actualizar archivo"
Control de calidad de su instalación
- 1. Abra la página de inicio de su sitio web con Chrome.
- 2. Haga clic en la extensión de Google Tag Assistant para Chrome
- 3. Haga clic en "Habilitar"
- 4. Actualice la página y haga clic en la extensión de Google Tag Assistant Chrome nuevamente
- 5. Debería ver una etiqueta verde para Google Tag Manager, lo que indica que la instalación se realizó correctamente.
