Instalación del código de seguimiento y del fragmento en su sitio de EdCommerce

Last updated: October 9, 2026

Para integrar un fragmento de código en tu sitio web, normalmente debes seguir estos pasos:

Paso 1. Obtén el código del fragmento

Busca y copia el código del fragmento del servicio o plataforma con la que te estás integrando. Esto podría incluir un píxel de seguimiento, un widget de chat, la inserción de un formulario o cualquier otro código proporcionado por el servicio.

Si estás intentando instalar tu código de Google Tag Manager o Meta Pixel, consulta las secciones específicas a continuación:

  • Instalar Meta Pixel
  • Instalar Google Tag Manager

Paso 2. Añade tu código del fragmento a EdCommerce

Añadir scripts a EdCommerce es muy sencillo, solo tienes que acceder al área de Integraciones y hacer clic en "Añadir código de script".

Completa los campos de integración del script de la siguiente manera:

  • Nombre: Añade un nombre a tu fragmento. Puedes utilizar el nombre de la herramienta que estás integrando.
  • Insertar en: Encabezado o cuerpo (esto dependerá de las instrucciones del servicio que estás integrando).
  • Código: Copia el código del fragmento correspondiente que encontraste en la plataforma de la otra aplicación y pégalo aquí.

Paso 3: Comprueba que tu integración funciona correctamente

El proceso para asegurarte de que tu integración funciona correctamente puede variar según la plataforma con la que te estés integrando. Es fundamental revisar las instrucciones específicas de integración proporcionadas por el servicio o plataforma con la que estás trabajando, ya que pueden contener requisitos o recomendaciones adicionales para integrar su fragmento de código.

Instalar Google Tag Manager

Paso 1 - Obtén tu fragmento de código de Google Tag Manager

Para comenzar, inicia sesión en tu cuenta de Google Tag Manager en <https://tagmanager.google.com>

Una vez que hayas iniciado sesión, verás una lista de contenedores asociados con tu cuenta. Selecciona el contenedor con el que deseas trabajar o crea uno nuevo para EdCommerce.

Después de elegir el contenedor, ábrelo para acceder a su contenido. En la vista general del contenedor, busca el ID del contenedor en el menú de la barra superior y haz clic en él (normalmente comienza con GTM-XXX).

Encontrarás dos fragmentos de código: uno para la sección <head> y otro para la sección <body> de tu sitio web. Para EdCommerce, solo utilizaremos el código de la <head> sección.

Paso 2. Añade tus fragmentos de código a EdCommerce

Añadir tu código del fragmento a EdCommerce es muy sencillo, solo tienes que acceder al área de integraciones y hacer clic en el botón "Añadir código de script".

Completa los campos de integración del script de la siguiente manera:

  • Nombre: Añade un nombre a tu fragmento, por ejemplo Google Tag Manager.
  • Insertar en: Cabecera (No usaremos el cuerpo para Google Tag Manager)
  • Código: Copia aquí el código del fragmento de "cabecera" correspondiente que encontraste en Google Tag Manager.

Paso 3: Verifica si tu Google Tag Manager funciona correctamente

La forma más sencilla de verificar si has realizado correctamente la instalación es instalando la extensión Google Tag Assistant para Chrome desde Chrome Web Store.

Luego, sigue estos pasos:

  1. Abre tu sitio web en Google Chrome.
  2. Haz clic en el icono de la extensión Tag Assistant en la barra de herramientas de Chrome.
  3. Aparecerá una ventana emergente. Haz clic en "Habilitar" para comenzar a grabar.
  4. Navega por tu sitio web y realiza acciones que activen las etiquetas que has configurado en Google Tag Manager.
  5. Una vez que hayas completado tus acciones, haz clic nuevamente en el icono de la extensión Tag Assistant.
  6. Tag Assistant analizará las etiquetas activadas en cada página y proporcionará un informe.
  7. Revisa el informe para detectar errores o advertencias relacionados con tu configuración de Google Tag Manager.

El informe de Tag Assistant indicará si las etiquetas de tu contenedor de Google Tag Manager se activan correctamente o si hay algún problema. Asegúrate de probar varios escenarios en tu sitio web para garantizar que todas las etiquetas deseadas se activen según lo esperado.

Además, también puedes consultar la sección "Tiempo real" en Google Analytics para comprobar si se están recibiendo datos de tu sitio web. Si ves que aparecen datos en tiempo real en Google Analytics cuando realizas acciones en tu sitio de EdCommerce, esto indica que tu Google Tag Manager está enviando datos correctamente a Google Analytics.

Instalación de Meta Pixel

Si ya has configurado tu Meta Pixel mediante etiquetas IMG o planeas hacerlo, te recomendamos que sigas la documentación para desarrolladores de Facebook.

En este artículo, te mostraremos cómo configurar e instalar un Meta Pixel en tu sitio de EdCommerce. Para obtener más información sobre el píxel antes de comenzar, consulta las ventajas de instalar un Meta Pixel.

Si ya has creado un Meta Pixel y quieres encontrar el código base de tu píxel, ve directamente a Paso 2: Añade tu píxel a EdCommerce.

Paso 1: Crea y configura tu Meta Pixel

  1. Ve al Administrador de eventos.
  2. Haz clic en Conectar fuentes de datos y selecciona Web.
  3. Selecciona Meta Pixel y haz clic en Conectar.
  4. Añade el nombre de tu Pixel.
  5. Introduce la URL de tu sitio web para comprobar las opciones de configuración sencilla.
  6. Haz clic en Continuar.

\Puedes encontrar más información en el [Centro de ayuda para empresas de Meta.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

Paso 2. Añade tu píxel a EdCommerce

Añadirás tu Meta Pixel a EdCommerce manualmente, por lo que debes copiar el script desde el Administrador de eventos de Meta y pegarlo en el encabezado de tu sitio de EdCommerce.

Añadir scripts a EdCommerce es muy sencillo, solo tienes que acceder a tu área de Integraciones y hacer clic en "Añadir código de script"

Completa los campos de integración del script de la siguiente manera:

  • Nombre: Añade un nombre a tu script, por ejemplo Meta Pixel o Facebook Pixel
  • Insertar en: Encabezado (No utilizaremos el cuerpo para Meta Pixel)
  • Código: Copia aquí el código encontrado en tu Administrador de eventos de Meta.

Y haz clic en "Guardar".

Paso 3: Comprueba que tu Meta Pixel funciona correctamente

Para comprobar si tu Facebook Pixel está conectado y funcionando correctamente, puedes seguir estos pasos:

  1. Inicia sesión en tu cuenta de Facebook Business Manager en https://business.facebook.com.
  2. Ve a la pestaña "Fuentes de datos" en la barra lateral izquierda.
  3. En la sección "Píxeles", deberías ver tu Facebook Pixel en la lista. Si está conectado y funciona correctamente, tendrá un punto verde que indica que está activo.
  4. Haz clic en el nombre de tu Pixel para acceder a su configuración y obtener más detalles.
  5. Dentro de la configuración del Pixel, puedes revisar los eventos que se están rastreando, comprobar si hay errores o advertencias y ver la actividad reciente del Pixel.