Pixel Facebook

Cómo gestionar las imágenes de tu Espacio

Última modificación marzo 28, 2022

Introducción

En este artículo os vamos a enseñar cómo organizar la biblioteca de Medios de ITOfunnels cuando tienes muchos archivos subidos

Biblioteca de Medios

la Biblioteca de Medios es donde guardan las imágenes y otros tipos de ficheros.

Cada vez que subes una imagen desde Elementor se queda almacenada en la biblioteca para poder utilizarla en las páginas que necesites.

En la Academia de ITOfunnels dedicamos un vídeo para explicar cómo funciona y cómo optimizar las imágenes antes de subirlas

Pincha aquí para ver el tema de la formación donde se explica cómo funciona la biblioteca de Medios

Cuando tienes muchas imágenes es difícil gestionarlas si no las tienes bien organizadas. A continuación te explicamos como mejorar este aspecto en tu Espacio para trabajar mucho mejor y ser más eficiente

Organiza las imágenes en Categorías

Ves a la Biblioteca de Medios

Para ello selecciona la opción de menú "Medios"

Crea una Categoría

Verás arriba a la izquierda un botón que pone CREAR, te mostrará abajo un cuadro donde escribir en nombre de la categoría y cuando confirmes con el botón amarillo CREAR ya tendrás la nueva categoría disponible como se muestra en la secuencia de imágenes.

Selecciona las imágenes que quieras Categorizar

Para ello solo tienes que darle al botón SELECCIÓN MULTIPLE, luego ir seleccionando una a una las imágenes que quieras añadir a la categoría.

Arrástralas a la nueva categoría creada

Una vez que tengas todas las imágenes seleccionada es tan sencillo como arrastrarlas a la categoría que quieras añadirle.

Borra imágenes por lotes

Selecciona las imágenes que quieras Borrar

Para ello solo tienes que darle al botón SELECCIÓN MULTIPLE, luego ir seleccionando una a una las imágenes que quieras añadir a la categoría.

Dale al Botón "Borrar Permanentemene"

De esta manera podrás borrar todas las imágenes de muestra que se importan cada vez que cargas un nuevo funnel y no cargarán tanto la web.

Añadir Códigos de Cookies a GDPR

Última modificación diciembre 7, 2022

Introducción

En este artículo os vamos a enseñar cómo agregar códigos de cookies en el GDPR de ITOfunnels

Vídeo

Importante: Actualizamos una nueva funcionalidad que permite agregar scripts en sólo una landing/funnel. Puedes verlo en el paso 5 de "Introducir Códigos en el plugin GDPR".

Código de Google Analytics

Iniciar sesión

Inicie sesión en su cuenta de Analytics

Ir a Administrar

En el menú de la columna CUENTA, seleccione tu cuenta. En el menú de la columna PROPIEDAD, seleccione una propiedad.

En Propiedad

Haga clic en Información de seguimiento > Código de seguimiento

Copiar el Código de Google Analytics

Copia el código base pulsando sobre él y pégalo (botón derecho -> pegar) en un blog de notas.

Importante: Si estás comenzando a usar Google Analytics, sigue primero los pasos descritos en la documentación oficial pinchando aquí

Código de Google Tag Manager

Cree una cuenta o use una que ya tenga en la página tagmanager.google.com. Se crea un contenedor de forma predeterminada en las cuentas, pero se pueden crear más.

En Tag Manager

Haga clic en Área de trabajo.

ID de contenedor

Cerca de la parte superior de la ventana, busque su ID de contenedor, que tiene el formato "GTM-XXXXXX". Haga clic en su ID de contenedor para abrir el cuadro de diálogo Instalar Tag Manager.

Copiar Código de Google Tag

Copie y pegue los fragmentos de código en un blog de notas tal y como se indica en el cuadro de diálogo de instalación de Google Tag Manager (copia aparte la sección que va en el head de la que va en body).

Importante: Si estás comenzando a usar Google Tag, sigue primero los pasos descritos en la documentación oficial pinchando aquí

Código de Facebook Píxel

Ver artículo sobre Pixel de Facebook

Sigue los pasos para copiar el código de Pixel descrito en el artículo

Introducir Códigos en el plugin GDPR

Seleccionar Cookies de terceros

Accede al plugin GDPR y selecciona Cookies de terceros en el menú lateral dentro del plugin

Activa y personaliza

Activa la sección al cambiar el estado a encendido, configura como activadas en estado por defecto y si lo deseas cambia el título y contenido de la pestaña a tu gusto

Códigos en Head (para todo es sitio)

Pega los códigos de Pixel de facebook, Google Analytics y Google tag en la pestaña head

Códigos en Body (Para todo el sitio)

Pega el código de Google tag en la pestaña body

Códigos para landings/funnels en particular

Si quieres dar un seguimiento para una página/funnel en particular debes agregar los códigos de seguimiento o los scripts en las cajas de Header scripts o Body Scripts o códigos de seguimiento (según corresponda) que hay en cada página dentro del ambiente ITOfunnel (Como se ve en la imagen).
Nota importante: Si agregas el script en la página no debes colocar también el mismo código en la sección de scripts dentro del plugin GDPR, de ser así debes borrarlo de los scripts dentro del plugin GDPR

Nota: Aquí tienes el código base de Google Analytics. Recuerda cambiar G-XXXXXXXXXX por el ID correspondiente con tu propiedad.

 <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXX'); </script>

Nota: Aquí tienes el código base de Google Tag. Recuerda cambiar GTM-XXXXXXX por el ID correspondiente con tu contenedor.





Nota: Aquí tienes el código base del Pixel de Facebook, junto con los eventos más comunes. Recuerda cambiar los números 0000111122223333 por el ID correspondiente con tu pixel.
Y recuerda también que si quieres poner códigos de Eventos, hacerlo en la sección BodySctipts para que se ejecuten después de haberse activado el Pixel de Facebook.

 -------------------------------------------------------------- EVENTOS MÁS COMUNES -------------------------------------------------------------- <script> fbq('track', 'CompleteRegistration'); </script> <script> fbq('track', 'ViewContent'); </script> <script> fbq('track', 'Purchase', {value: 6.00, currency: 'USD'}); </script> <script> fbq('track', 'Subscribe'); </script> <script> fbq('track', 'AddToCart'); </script>

Página que de repente deja de cargarse

Última modificación abril 25, 2022

Problema

Hola!

Me acaba de pasar algo súper extraño. A ver si me podéis ayudar, porque estoy a punto de lanzar una campaña y de repente la página de gracias no carga. Sale en blanco. Y cuando voy a entrar a editar con Elementor me sale este error:

De repente está como bloqueada. Ayer funcionaba, y no hice cambios. Ahora probé a modificar la URL del funnel, porque estoy buscando cosas por internet, pero nada, no sé qué hacer.

Gracias!!!!!!

Solución

Editar la pagina desde el escritorio y arreglar el último código del evento Complete Registraron, que lo había copiado mal

Código con error

Código sin error

Explicación

Si os fijáis en este caso hay un error de código javascript al no poner la etiqueta de cierre </javascript>
Eso hace que el sistema deje de funcionar correctamente por error de programación lo que puede generar comportamientos imprevisibles, como en este caso que no se pudiera abrir la página con Elementor.
Por eso es muy important que cada vez que añadáis algún tipo de código, ya sea javascript como en este caso o código HTML comprobéis que todo funciona correctamente porque un error de este tipo de código genera este tipo de situaciones de comportamientos extraños de la página.

Cómo poner el Píxel de Facebook en ITOfunnels

Última modificación septiembre 8, 2021

Introducción

En este artículo te vamos a enseñar cómo Implementar el Píxel de Facebook en ITOfunnels

¿Tienes cuenta en ITOfunnels?

En nuestra academia te lo explicamos con todo tipo de detalles en éste vídeo. *
(*) Sólo accesible para usuarios de ITOfunnels

Creación del Píxel en Business Manager de Facebook

1

Business Manager

Accede a tu Business Manager de Facebook

2

Administrador de Eventos

Pulsamos en el menú -> Administrador de eventos.

3

Nuevo Pixel

Pulsa en 'Añadir nuevo origen de datos' -> 'Pixel de Facebook' -> 'Añade el código del píxel manualmente al sitio web'.

4

Copiar el Código del Píxel

Copia el código base pulsando sobre él y pégalo (botón derecho -> pegar) en un blog de notas.

Desliza hacia abajo y pulsa 'Continuar'.

5

Copiar Código de los Eventos

En el segundo paso pulsa en 'Añadir el código del evento manualmente'.

Despliega los eventos que necesites y copia sus respectivos códigos pulsando sobre ellos. Pega cada código de cada evento en un blog de notas.

Importante: Elimina las etiquetas del código de los eventos.

Agrupación del Píxel (Código base + eventos)

Una vez en el blog de notas tengas el código base y los códigos de los eventos por separado, es hora de agruparlos.

1

Copiar Código del Pixel

Copia el código del evento que necesites para tu primera landing (selecciona el código -> botón derecho -> copiar).

2

Añadir código de los eventos

Debajo de la línea: "fbq('track', 'PageView');" y encima de la etiqueta de cierre "" pega el código del evento que necesites (botón derecho -> pegar).

3

Copiarlo todo junto

Selecciona el código base junto al evento que acabas de pegar y cópialo (botón derecho -> copiar).

Introducir el Píxel

1

Seleccionar la Landing

Accede a la landing en la que desees introducir el píxel junto con el evento.

2

Pegar en Header Scripts

Desliza hacia abajo y en el campo 'Header Scripts' pega el código del píxel completo que has copiado en el paso 2 (botón derecho -> pegar).

2

Actualizar

Pulsa en 'Actualizar'.

Importante: Si queremos introducir el píxel dentro de una landing de nuestro funnel lo único que cambia es el paso 3. En vez de pegar el código del píxel en el campo 'Header Scripts', debes desplegar la pestaña 'Ajustes de la página de destino' y en el campo 'Scripts' pegar el código del píxel.

Este proceso se realizará en cada landing con sus eventos correspondientes.

-------------------------------------------------------------- CÓDIGO BASE DEL PIXEL --------------------------------------------------------------  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '0000111122223333'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=0000111122223333&ev=PageView&noscript=1" /></noscript>  -------------------------------------------------------------- EVENTOS MÁS COMUNES -------------------------------------------------------------- <script> fbq('track', 'CompleteRegistration'); </script> <script> fbq('track', 'ViewContent'); </script> <script> fbq('track', 'Purchase', {value: 6.00, currency: 'USD'}); </script> <script> fbq('track', 'Subscribe'); </script> <script> fbq('track', 'AddToCart'); </script>

Nota: Aquí tienes el código base del pixel de Facebook, junto con los eventos más comunes. Recuerda cambiar los números 0000111122223333 por el ID correspondiente con tu pixel.

Nota extra: limpiar los mensajes de error del Pixel en Facebook

Es posible que durante la configuración del Pixel, si no has puesto bien los eventos, te hayan salido mensajes de error en el administrador de Eventos de Facebok

Estos mensajes de error no se borran aunque soluciones el problema, así que cuando hayáis solucionado el problema (lo más habitual es el poner un valor y una moneda al Complete Registration) tenéis que ir al administrador de eventos y marcarlo como ignorado.
Si el problema está solucionado no volverá a salir el mensaje de advertencia.

Cómo gestionar las imágenes de tu Espacio

Introducción

Biblioteca de Medios

Organiza las imágenes en Categorías

Borra imágenes por lotes

Añadir Códigos de Cookies a GDPR

Introducción

Vídeo

Código de Google Analytics

Código de Google Tag Manager

Código de Facebook Píxel

Introducir Códigos en el plugin GDPR

Página que de repente deja de cargarse

Problema

Solución

Código con error

Código sin error

Explicación

Cómo poner el Píxel de Facebook en ITOfunnels

Introducción

¿Tienes cuenta en ITOfunnels?

Creación del Píxel en Business Manager de Facebook

Agrupación del Píxel (Código base + eventos)

Introducir el Píxel

Nota extra: limpiar los mensajes de error del Pixel en Facebook

¿Por qué atarte a plataformas cerradas si puedes crecer sin límites?

Prueba Gratis ITOfunnels

ITOfunnels es un proyecto
del Instituto de Tráfico Online

Pixel Facebook

Introducción

Biblioteca de Medios

Organiza las imágenes en Categorías

Borra imágenes por lotes

Introducción

Vídeo

Código de Google Analytics

Código de Google Tag Manager

Código de Facebook Píxel

Introducir Códigos en el plugin GDPR

Problema

Solución

Código con error

Código sin error

Explicación

Introducción

¿Tienes cuenta en ITOfunnels?

Creación del Píxel en Business Manager de Facebook

Agrupación del Píxel (Código base + eventos)

Introducir el Píxel

Nota extra: limpiar los mensajes de error del Pixel en Facebook

¿Por qué atarte a plataformas cerradas si puedes crecer sin límites?

Prueba Gratis ITOfunnels

ITOfunnels es un proyecto del Instituto de Tráfico Online

ITOfunnels es un proyecto
del Instituto de Tráfico Online