Agrega el pixel base de Facebook en Google Tag Manager

post-blog-facebook

Cómo crear una cuenta de Google Tag Manager H2

Para crear una cuenta de Tag Manager, necesitas tener o crear una cuenta en Google (puedes crear una para tu empresa o utilizar una personal que ya tengas). Cuando tengas una sesión iniciada en Google, visita https://tagmanager.google.com/ y haz clic en «Crear cuenta».

Una vez estés creando la cuenta sólo tienes que completar los datos solicitados. En configuración del contenedor puedes poner el nombre que quieras, pero recomiendo utilizar uno simple, como el nombre de tu web que quieres asociar a GTM. Si estás configurando la cuenta para un WordPress, selecciona «Sitio web», haz clic en «Crear» y acepta la condiciones de privacidad.

crear-cuenta-tag-manager

Vincula Tag Manager a tu web en WordPress H2

Al crear una cuenta, se te muestran los dos códigos que tienes que incluir en tu web para que Tag Manager quede integrado a ella e insertar código JS. El primer código hay que ponerlo lo más pronto posible dentro de la etiqueta <head> y el segundo lo más pronto posible dentro de la etiqueta <body>.

Dónde encontrar mi id de Tag Manager H3

Siempre puedes ver estos dos trozos de código haciendo clic en tu id de Tag Manager en la cabecera de la web (GTM-XXXXXXX).

encontrar-id-tag-manager

Integrar el código de la etiqueta <head> H3

Para este paso, recomiendo utilizar Simple Custom CSS and JS. Este es un plugin de WordPress ligero y sólido que permite incluir código HTML, CSS y JS  en el header y el footer de tu sitio sin entrar en conflicto con tu tema.

Una vez instalado, sólo tienes que añadir un HTML personalizado dentro de las opciones del plugin y pegar dentro el primer código de Tag Manager. Es importante que en la ubicación de página indiques que el código tiene que situarse en cabecera.

incluir-codigo-head-wordpress

Integrar el código de la etiqueta <body> H3

Este paso es el más complicado, ya que implica editar el tema de WordPress. Voy a mostrar dos opciones de hacerlo:

Insertando el código directamente tras <body> H4

Entra en Apariencia->Editor de temas y localiza el archivo en el que se encuentra la etiqueta <body>, habitualmente es el archivo header.php pero depende de cada tema. Puedes utilizar la búsqueda de Ctrl+F para localizar la etiqueta rápidamente.

Justo tras la etiqueta <body> pega directamente el 2º código de Google Tag Manager y guarda los cambios.

codigo-gtm-etiqueta-head

Crea un hook (acceso directo) al inicio del body H4

Esta solución es más compleja pero más recomendable, ya que es menos probable que se pierda tras actualizar tu tema.

Al igual que en la opción anterior, tienes que localizar la etiqueta <body> en el editor de temas (probablemente en header.php) y tras la etiqueta, pegar el siguiente código y guardar los cambios.


<?php if(function_exists(‘wp_body_open’)){
wp_body_open();
}else{
do_action(‘wp_body_open’);
}?>

codigo-gtm-etiqueta-head-2

A continuación, también en el editor de temas, abre el archivo functions.php. Al final de ese archivo pega el siguiente código y sustituye el texto de prueba por el 2º código de Tag Manager.

function add_code_to_body(){
SUSTITUYE ESTE TEXTO POR EL SEGUNDO CÓDIGO DE TAG MANAGER
}
add_action(‘wp_body_open’,’add_code_to_body’);

El resultado debería ser similar a este:

codigo-gtm-etiqueta-body

¿He vinculado bien mi página con Google Tag Manager?

La mejor manera de comprobarlo es creando etiquetas y comenzando a funcionar con GTM, pero tenemos otra manera de comprobar si la herramienta está instalada correctamente.

Abre tu página web y con el botón secundario haz clic en «Ver código fuente». Comprueba que las etiquetas de GTM están correctamente incluidas en la etiqueta <head> y a continuación de la etiqueta <body>.

Si los códigos están en su posición correcta, como se ve en las siguientes imágenes, es que estás [email protected] para comenzar a utilizar Google Tag Manager.

Posts Relacionados

Dejar un comentario