Stape
Búsqueda
Pruébelo gratis

Facebook conversion API para WordPress

Actualizado
14 oct 2024
Publicado
30 mar 2023
También disponible

¿Está buscando una manera fácil de configurar Facebook conversion API para su sitio web de WordPress? En este artículo se explica todo lo que necesita saber sobre Facebook Conversion API. A continuación, seguiremos las instrucciones paso a paso para configurar Facebook Conversion API para WordPress con la ayuda del plugin GTM del lado del servidor de stape.

Por qué implantar FB CAPI para WordPress

Llevamos años utilizando el píxel de Facebook para ver el rendimiento de nuestros anuncios y generar grandes audiencias de remarketing. Pero la influencia del píxel de Facebook está disminuyendo debido a las mejoras de privacidad de iOS 14 y a la inminente desaparición de las cookies el año que viene.

Para solucionar este problema, Facebook ha lanzado la nueva y mejorada Facebook Conversions API. Esta tecnología siempre ha sido útil para los profesionales del marketing que quieren hacer un seguimiento correcto de las conversiones, pero ahora es crucial para los anunciantes de Facebook que quieren preparar su estrategia para el futuro en un entorno en el que prima la privacidad.

Resistencia a los bloqueadores de anuncios

CAPI utiliza el seguimiento del lado del servidor, que envía datos directamente desde el servidor de su sitio web a Facebook, eludiendo las limitaciones impuestas por la configuración de privacidad del usuario y las restricciones del navegador, ya que no depende de las cookies. Además, puede ayudarle a evitar los bloqueadores de anuncios, ya que las solicitudes de seguimiento se envían desde su servidor en lugar de desde el navegador del usuario. Esto puede mejorar el rendimiento de sus campañas publicitarias.

Optimización mejorada

Facebook Conversion API para WordPress proporciona puntos de datos adicionales que pueden ayudarle a optimizar sus campañas, como eventos personalizados como el tiempo en el sitio, la profundidad de desplazamiento y los envíos de formularios. Esto le permite comprender mejor el comportamiento del usuario en consecuencia.

Mejor atribución

CAPI le permite atribuir con precisión las conversiones al anuncio correcto, incluso si la conversión se produce después de que el usuario haya abandonado su sitio web. Esto se debe a que el seguimiento del lado del servidor le permite enviar datos sobre el evento de conversión directamente a Facebook, sin depender del navegador del usuario para activar la solicitud de seguimiento.

Cómo configurar Facebook Conversion API para WordPress

Configure el contenedor del servidor Google Tag Manager en Stape.

1. Vaya a https://tagmanager.google.com/ y acceda a su cuenta de Google Tag Manager.

Google Tag Manager account

2. Haga clic en el botón "Admin" y, en la columna "Contenedores", haga clic en el botón "+ Crear contenedor".

Create Container

3. Elija un nombre para su contenedor servidor, seleccione "Servidor" como tipo de contenedor y haga clic en el botón "Crear".

create server container in google tag manager

4. Seleccione la opción "Aprovisionar manualmente el servidor de etiquetado" y copie la configuración del contenedor que aparece. Guarde esta configuración en un editor de texto, ya que la necesitará más adelante.

Manually provision tagging server

5. Acceda a su cuenta en nuestro servicio o cree una nueva si aún no lo ha hecho.

6. Una vez que haya iniciado sesión, haga clic en el botón "Crear contenedor". Dele un nombre a su contenedor, pegue la configuración del contenedor que copió de su contenedor de servidor de Google Tag Manager y seleccione la ubicación del servidor. Haga clic en "Crear contenedor".

create container at stape

7. Espere unos 5 minutos a que se despliegue el contenedor del servidor. Actualice la página para comprobar el estado. Si la configuración se ha realizado correctamente, debería ver el estado "En ejecución". Si ve "Error", vuelva a comprobar que ha copiado la configuración correcta del contenedor. Póngase en contacto con el servicio de asistencia si el error persiste.

8. En este paso, debe configurar una URL de etiquetado (tagging URL).

Usted tiene dos opciones:

  • Puede optar por utilizar la URL de etiquetado que se creó para usted y que está alojada en nuestro dominio (stape.io)
  • O utilizar un dominio personalizado. Recomiendo encarecidamente utilizar esta opción porque ayudará a evitar que se bloquee el seguimiento y aumentará la vida útil de las cookies.

Si opta por la primera opción, vaya al paso 9.

Si desea configurar una URL de etiquetado personalizada, haga clic en "Añadir dominio" debajo de la URL de etiquetado proporcionada por Stape -> acceda a su servicio de nombres de dominio y cree un nuevo registro DNS para el subdominio que desee utilizar. Puede utilizar cualquier nombre de subdominio que desee.

Añada estos ajustes:

    Tipo: A

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

    IPv4 dirección: 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.

    TTL: Auto

    Proxy status: desactivar

La configuración debería ser la siguiente:

a custom tagging URL

9. Puede activar la función CDN global para el contenedor del servidor, que utiliza la tecnología de Cloudflare para cargar archivos js desde un servidor más cercano a los visitantes de su sitio, lo que da como resultado un servicio de archivos js más rápido y una mejor velocidad de página. Tenga en cuenta las normas de privacidad de su país antes de activar esta función. Añada un registro CNAME para que funcione Global CDN.

!

Tenga en cuenta la normativa sobre privacidad de su país antes de activar la CDN global.

Una vez que haya activado CDN Global, deberá añadir un registro CNAME para que funcione CDN Global.

10. Añada la URL del servidor de etiquetado al contenedor del servidor de Google Tag Manager accediendo a "Admin", luego a "Configuración" y seleccionando "Configuración del contenedor".

Configure el plugin GTM del lado del servidor para WordPress

1. Inicie sesión en su WordPress Admin, 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 by stape

2. Abra el plugin GTM Server-Side que instaló en el primer paso y pegue la URL de etiquetado en la configuración del plugin. A continuación, seleccione si desea añadir GTM web a todas las páginas del sitio o sólo añadir la funcionalidad del plugin sin añadir el script GTM (esta opción debe utilizarse en caso de que esté utilizando cualquier otro plugin que inserte el script GTM en el sitio). A continuación, añada el ID de WEB Google Tag Manager, la URL del servidor de etiquetado y el identificador del contenedor de stape si desea utilizar un custom loader.

GTM Server-Side plugin

3. Si usted tiene un sitio web de eCommerce y desea empujar eventos de eCommerce y los datos del usuario a Data Layer, haga clic en la segunda pestaña del plugin y activar dos casillas de verificación. Tenga en cuenta que sólo puede funcionar con tiendas woocommerce.

push ecommerce events and user data to the Data Layer

Configuración de GA4 del lado del servidor

1. Dentro del contenedor Web, cree una nueva etiqueta del tipo Google Tag. Añada su ID de Google Tag.

En la sección Ajustes de configuración, añada los siguientes parámetros:

  • Name: server_container_url
  • Value: Introduzca la URL que ha creado

Añada el activador a la etiqueta GA4. Normalmente debería activarse en todas las páginas vistas.

set up Google Analytics 4 server-side 

También puede crear una etiqueta de Google: Ajustes de configuración variable que predefinirá la configuración de etiquetas de Google si necesita utilizar varias etiquetas de Google en su sitio web y no desea añadir ajustes para cada una de las etiquetas manualmente.

Estos parámetros pueden ser, por ejemplo, una configuración que defina si desea enviar un evento de vista de página cada vez que se active una etiqueta de Google, establecer parámetros UTM, ID de cliente, etc. Existe una lista de parámetros de configuración estándar de Google Tags.

2. Para configurar el evento GA4, vaya a la sección de etiquetas y cree una nueva etiqueta con el tipo de etiqueta Google Analytics: Evento GA4. Añada su GA4 ID y el nombre del evento; hay una lista de nombres de eventos estándar.

Puede crear una variable Google Tag: Event Settings variable que ayudará a compartir los parámetros del evento a través de varias etiquetas de eventos GA4 o Google Tags. Puede ser, por ejemplo, propiedades de usuario o producto, y también hay una lista de parámetros estándar para la configuración de eventos.

Google analytics 4 events settings 
google tag event settings variable

3. Abra el contenedor del servidor de Google Tag Manager -> haga clic en Cliente -> cree el cliente GA4 y guárdelo -> vaya a Etiquetas y configure la etiqueta GA4. Recuerde que GA4 envía automáticamente no sólo pageview pero algunos otros eventos. Dentro de Event Name elige la variable {{Event Name}}. -> añada trigger Nombre de Cliente igual a GA4.

set up ga4 tag in the server container 
set up ga4 client in the server container 

4. Abra el modo de vista previa del contenedor del servidor y compruebe que ve las solicitudes de GA4. Publicar actualizado dentro de los contenedores de servidor y web Google Tag Manager.

ga4 tag details

Configure Facebook Conversion API para WordPress

Existen 2 opciones para configurar nuestra etiqueta Facebook conversion API:

Heredado del cliente GA4:

En este caso, asignaremos sus eventos GA4 a eventos estándar de Facebook. Si no podemos mapear el evento GA en el evento FB estándar, lo registraremos como un evento personalizado. Todo se hará automáticamente, no es necesario configurar eventos FB.

1. Cree una nueva etiqueta en el contenedor del servidor. Vaya a la galería de plantillas de la comunidad y añada la etiqueta Facebook Conversion API. En la etiqueta selecciona heredar del cliente. Rellene su FB API Access Token, FB Pixel ID, y Test ID para ver los eventos dentro de la herramienta de pruebas de FB.

facebook conversion api

2. Añada un trigger. Haga clic en triggers-> + en la esquina superior derecha-> configuración de triggers y seleccione un trigger personalizado-> este trigger se disparará en Algunos Eventos-> Nombre del Cliente es igual a GA4. Haga clic en Guardar.

trigger configuration

Override:

En este caso, tendrá que configurar los eventos FB manualmente.

Deberá utilizar eventos GA4 para activar eventos del servidor de Facebook.

Tomemos como ejemplo un evento "add_to_cart" y queremos enviar los parámetros value, currency y item_id.

1. Cree una etiqueta de Evento GA4 en su contenedor Web o modifique una existente. Elija la configuración GA4 que acaba de crear como "Etiqueta de Configuración" y establezca el Nombre del Evento como "add_to_cart". Y queremos enviar los parámetros del evento: value, currency, item_id.

Create a GA4 Event tag in Web container

Tomamos estos parámetros del DataLayer, pero como no pasamos todos los datos del DataLayer, queremos hacer variables para estos parámetros.

Para crear estas variables, necesitamos ejecutar una vista previa en el contenedor web y abrir data layer.

a preview in the web container

Vamos a crear una variable para "valor".

Abrimos las variables, hacemos una nueva Variable de Data Layer, en el Nombre de la Variable de Data Layer escribimos la ruta que podemos ver en nuestra capa de datos para este parámetro. En este caso, es ecommerce.value. Haga clic en guardar.

ecommerce.value

Repita el proceso para los demás parámetros.

Volvamos a nuestra etiqueta GA4 y escribamos los parámetros que queremos pasar cuando se active add_to_cart. Añada un disparador. El tipo de disparador es un evento personalizado que se dispara en todos los eventos personalizados, el nombre del evento "add_to_cart". Haga clic en Guardar.

 event name “add_to_cart”

2. Cree una nueva etiqueta API de conversión de Facebook en su contenedor de servidor. Vaya a la galería de plantillas de la comunidad y añada la etiqueta Facebook Conversion API. En este caso seleccionamos anular en Nombre de evento Método de configuración y el tipo de evento AddToCart. Rellene su FB API Access Token, FB Pixel ID, y Test ID para ver los eventos dentro de la herramienta de pruebas FB.

new Facebook Conversion API tag

A continuación, rellenaremos los datos personalizados que hayamos decidido pasar a Facebook. Para estos parámetros, también tendremos que hacer variables, pero ahora en un contenedor de servidor con el tipo de variable "datos del evento".

variable “event data“

Hacemos un disparador de evento personalizado con el nombre de evento add_to_cart que se dispara en nombre de cliente igual a GA4. Haga clic en guardar.

event name add_to_cart

Verificación de que la configuración es completa y correcta

Abra el depurador de contenedores GTM web y servidor y haga clic a través de su sitio. En el contenedor GTM del servidor, debería ver las peticiones reclamadas por la etiqueta Facebook conversion API.

web and server GTM containers debugger

También puede probar este evento en la herramienta de pruebas de Facebook.

Facebook testing tool

Conclusión

Es crucial estar al día con la tecnología moderna y la era digital en la que vivimos, por lo que es imprescindible que usted entienda la tremenda ayuda que puede obtener de la tecnología de Facebook conversion API. Utilizarla para WordPress puede suponer un seguimiento más preciso de los datos, tiempos de carga más rápidos, un mayor cumplimiento de la privacidad y una mejor segmentación de los anuncios.

Así que si está listo para implementar esta increíble herramienta en su estrategia de negocio, no dude en ponerse en contacto con nuestro equipo de asistencia para cualquier ayuda que pueda necesitar para configurarla.

Etiquetado con:FacebookWordPress

Pruebe Stape para todo del lado del servidor¡ahora mismo!