Facebook Standard Events [2018 Updated New Events].

Eventos estándar de Facebook can track events happening on our website & reflect the same on your Facebook dashboard. They are mostly used for seguimiento de sitios de comercio electrónico. but you can even use some of these methods for lead-based & SaaS sites too.

Recently, Facebook has added some new standard events. We’ll look into each of them in a while.

Según documentos de Facebook, puede definir tipos de eventos 2

Bueno, aquí está la cosa ...

Siempre se sugiere implementar la mayor parte del standard pixel events so that you can get more insight out if it. Also, standard events can help you optimize conversions on facebook which custom events cannot.

Lo bueno de instalar píxeles para la mayoría de los eventos es que puedes definir
y puedes hacer eso para cualquier events type (Standard & Custom).

Entonces, como por documentos de Facebook.


Pero aún puedes usar custom events to define Custom Conversion, but you cannot have facebook optimize it.

Entonces, cuando comiences poblando los eventos, puedes usar una de las categorías predefinidas (Imagen a continuación) para optimizar la conversión

Es como decirle a Facebook: "Los usuarios que visitaron las páginas de 4 + en una sesión son mi guía u objetivo".

He aquí cómo hacerlo.

Custom_Events_Facebook_Pixel

Facebook Standard Events – Implementation

¿Dónde y cómo colocar el código de píxel estándar de Facebook?

Se recomienda colocar el Facebook Base Pixel antes del Etiqueta de cierre </ encabezado>. El posterior Los píxeles de eventos estándar se pueden activar después de que se dispare el píxel base.

Pero si estás usando Administrador de etiquetas de Google, puede usar las funciones de secuencia de eventos (lo veremos de la misma manera) para disparar los píxeles.

Marque Aquí para verificar si ha implementado el facebook base pixel de una manera apropiada.

¿Cuáles son los diferentes eventos estándar de Facebook?

Echemos un vistazo a los eventos estándar predefinidos por Facebook.

El formato para todo el evento estándar es simple.
fbq(‘track’ , [STANDARD_EVENT_NAME] , {optional_parameters})
Antes que empecemos….

Te recomiendo que vayas a abrir esto Sitio de demostración de comercio electrónico por Google en una nueva pestaña. Este sitio fue creado por Google para ayudar a los usuarios a implementar el seguimiento mejorado de comercio electrónico en Google Analytics. We’ll use this for our guidance.

Repasemos el código uno por uno.

1.) ViewContent

You can use ViewContent to fire on

  • Artículo del blog
  • Página del producto
  • Other Landing Page

Let’s take an example of ecommerce site…

So, this code will fire when the user aterriza en la página de detalles del producto. Entonces, en el sitio de demostración al hacer clic en el producto, aterrizará en la página que es como sigue.

Product_Page _-_ Facebook_Pixel_Standard_Events-_Digishuffle

Paso - 1: llena el DataLayer a través del lado del servidor

Puede pedirle a su desarrollador que coloque este código con los campos poblados

Step XCHARX 2: Create GTM Variable XCHARX XCHARXcustomDataFacebookXCHARX

Go To GTM > Create Variable > DataLayer Variable with value as ‘customDataFB’

Facebook_Standard_events _-_ GTM_Variable

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Crea una etiqueta HTML personalizada, llamada Facebook_ViewContent y pegue el siguiente código

Paso - 4: Implementar la secuencia de etiquetas

La secuencia de etiquetas asegura lafbq'objeto ha sido inicializado
Si no está seguro acerca de la Facebook Base Pixel o si se ha configurado correctamente, compruebe fuera aquí.

Facebook_Standard_Events _-_ BAse_Pixel_Tag_Sequencing

Paso - 5: crea un activador de evento

Tenemos que crear un desencadenador de evento para activar este evento.
Simplemente ve a disparar> Crear un activador de evento personalizado > Entrar 'ProductDetailPage'

Facebook_Standard_Events _-_ ViewContent_Pixel

Step XCHARX 6: Use Facebook Pixel Debugger & Create Conversions & Audiences

Puedes usar facebook pixel helper para depurar eventos y verificar si los parámetros están debidamente poblados.

Después de un tiempo, los eventos comenzarán a aparecer en el administrador de eventos de Facebook.
Solo después de eso, puedes crear Conversiones personalizadas y Crear audiencias para el remarketing.

2.) AddToCart y AddToWishlist

No hay mucha diferencia en AddToCart y AddToWishlist eventos, excepto el 'nombre del evento'.
Entonces sigue el mismo proceso e incluye
  • fbq(‘track’, ‘AddToCart, ……) for AddToCart
  • fbq(‘track’, ‘AddToWishlist, ……) for AddToWishlist

Simplemente veremos el ejemplo de addtocart a continuación.

Paso - 1: rellena el dataLayer

Dispare el siguiente código cuando alguien haga clic en el botón AddToCart.

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Crea una etiqueta HTML personalizada, llamada 'Facebook_AddToCart' y pega el siguiente código


3.) Iniciar proceso de pago

Puede implementar este código en

  • Cuando alguien clics en el botón de pago OR
  • Cuando alguien aterriza en la primera página de pago.
Lo implementaremos cuando alguien aterriza en la página de pago, Como el botón de clic de pago estaría presente en muchas páginas

Paso - 1: rellena el dataLayer

Dispare el código siguiente cuando alguien aterrice en la página de inicio de pago.

Facebook_Standard_Event _-_ Initiate_Checkout_Event

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Crea una etiqueta HTML personalizada, llamada 'Facebook_InitiateCheckout'y pegue el siguiente código

Paso - 4: Implementar la secuencia de etiquetas

Paso - 5: crea un activador de evento

Crear activador de evento personalizado llamado 'CheckoutInititated'y publique la etiqueta.

Compruebe aquí la implementación anterior

Step XCHARX 6: Use Facebook Pixel Debugger & Create Conversions & Audiences

4.) Agregar información de pago

Podemos implementar AddPaymentInfo cuando
  • La información de pago se ha agregado a página de información de facturación y el usuario hace clic a continuación. O
  • Cuando aterriza en la página siguiente. (Revise el carro)

Si tiene un SPA o una página donde la URL no cambia durante el pago, Se puede disparar el pixel en el botón clic.

Paso - 1: rellena el dataLayer

Encienda el código de abajo cuando alguien selecciona con éxito la información de pago y los clics en la página / pantalla siguiente.

Facebook_Standard_Event _-_ Add_Payment_Info

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Cree una etiqueta HTML personalizada, llamada 'Facebook_PaymentInfoAdded' y pegue el siguiente código

Paso - 4: Implementar la secuencia de etiquetas

Paso - 5: crea un activador de evento

Crear activador de evento personalizado llamado 'PaymentInfoAdded'y publique la etiqueta.

Step XCHARX 6: Use Facebook Pixel Debugger & Create Conversions & Audiences

5.) Compra

El siguiente código debería disparar cuando el usuario completa con éxito una transacción. This standard event can help you view powerful metris like
  • Website ROAS
  • Website Conversion Value

So, let’s get started…

Paso - 1: rellena el dataLayer

Dispare el código siguiente cuando el usuario aterrice gracias página después de redireccionar con éxito desde la puerta de enlace de pago.

Eventos estándar de Facebook: evento de compra

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Crea una etiqueta HTML personalizada, llamada 'Facebook_Purchase'y pegue el siguiente código

Paso - 4: Implementar la secuencia de etiquetas

Paso - 5: crea un activador de evento

Crear activador de evento personalizado llamado 'TransactionSuccess'y publique la etiqueta.

Compruebe aquí la implementación anterior

6.) Lead & CompleteRegistration

Estos píxeles deberían dispararse cuando el usuario
  • Envía con éxito el formulario - CompleteRegistration.
  • Se registra con éxito de forma gratuitacamino, suscribe, etc. (otras capturas de plomo)

Paso - 1: rellena el dataLayer

Enciende el código a continuación cuando el usuario llega a la página de agradecimiento después de enviar con éxito el formulario o el plomo.

Para el evento principal:

En los Evento de registro completo:


Siéntase libre de incluir / excluir parámetros

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Crea una etiqueta HTML personalizada y pega el siguiente código

Para el plomo:

Para registro:

Paso - 4: Implementar la secuencia de etiquetas

Paso - 5: crea un activador de evento

Crear activador de evento personalizado llamado 'LeadSuccess 'o' RegistrationSuccess'y publique la etiqueta.

Compruebe aquí la implementación anterior

Step XCHARX 6: Use Facebook Pixel Debugger & Create Conversions & Audiences

7.) Búsqueda

Cuando el usuario realiza con éxito una búsqueda en la barra de búsqueda, puedes disparar el evento de 'búsqueda' de Facebook junto con los parámetros.

Pero aquí está el problema ...

Dependiendo de las diversas plataformas, el El formato de URL para la búsqueda diferirá. También veremos algunos de los formatos de búsqueda utilizados y cómo podemos manejar la situación.

Primero, completemos los pasos básicos primero.

Paso - 1: Crear etiqueta HTML personalizada

Encienda el código a continuación cuando el el usuario completa con éxito la búsqueda y aterriza en la página '/ search /'.

Inserte su formato de búsqueda en el siguiente código por reemplazando su término de búsqueda de URL con {SEARCHQUERY}.

Digamos que el usuario busca el término 'BlackShoes'

P.ej:
  • ‘/search/BlackShoes/’ —> Format: ‘/search/{SEARCHQUERY}’
  • /?q=BlackShoes’ —–> Format: ‘?q={SEARCHQUERY}’
  • /?search=BlackShoes’ —–> Format: ‘?search={SEARCHQUERY}’
  • /?d=Desktop&query=BlackShoes’ —–> Format: ‘query={SEARCHQUERY}’
etc.

Paso - 2: Implementar la secuencia de etiquetas

Step XCHARX 3: Add a Search Success Trigger

Puede disparar el código en la carga de la página de búsqueda exitosa. Puede usar las condiciones como disparar la etiqueta en

La URL contiene '/ search /', etc.

8.) Contact

You can fire this standard event when the user contacts your business via
  • Telephone/SMS
  • Chat plugins
  • Otros contactos

The process is quite similar to previous ones…

Paso - 1: Crear etiqueta HTML personalizada

Encienda el código a continuación cuando el user initiates a chat.

Paso - 2: Implementar la secuencia de etiquetas

Step XCHARX 3: Add a Chat Initiate Success Trigger

You can fire the code when the user submits a contact or initiates a chat on your website. You can check the chat plugin docs for webhooks.

9.) Customize Product

You can use this event if you have any tool on your website to customize the products

Paso - 1: Crear etiqueta HTML personalizada

Encienda el código a continuación cuando el user initiates a chat.

Paso - 2: Implementar la secuencia de etiquetas

Step XCHARX 3: Add a Chat Initiate Success Trigger

You can fire the code when the user submits a contact or initiates a chat on your website. You can check the chat plugin docs for webhooks.

10.) Donate

You can fire this event when the user makes a donation to
  • You/Your website/project.
  • A particular cause

The event name is simply denoted by “Donate”

Paso - 1: Crear etiqueta HTML personalizada

Encienda el código a continuación cuando el user initiates a chat.

Paso - 2: Implementar la secuencia de etiquetas

Step XCHARX 3: Add a Chat Initiate Success Trigger

You can fire the code when the user submits a contact or initiates a chat on your website. You can check the chat plugin docs for webhooks.

11.) Find Location

You can fire this event when the user clicks on find location/visits contact page or uses any other functionality to find your business location.

Paso - 1: Crear etiqueta HTML personalizada

Fire the below code.

Paso - 2: Implementar la secuencia de etiquetas

Step – 3: Add a Chat Initiate Success Trigger

You can fire the code when the user clicks on find location/accesses contact page/uses other functionality to view the location.

12.) Schedule

You can fire this event when the user clicks books an appointment on your website.

Paso - 1: Crear etiqueta HTML personalizada

Fire the below code.

Paso - 2: Implementar la secuencia de etiquetas

Step – 3: Add a Chat Initiate Success Trigger

You can fire the code when the user successfully schedules an appointment.

13.) Start Trial

If you run a SaaS business or have any subscription/freemium product (free trial). You can fire this event when the user subscribes for a trial period.

Paso - 1: rellena el dataLayer

Encienda el código de abajo cuando someone successfully starts a trail.

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Create a custom HTML Tag, named ‘Facebook_StartedTrial’ & paste the following code

Paso - 4: Implementar la secuencia de etiquetas

Paso - 5: crea un activador de evento

Crear activador de evento personalizado llamado 'TrailStarted'y publique la etiqueta.

Step – 6: Use Facebook Pixel Debugger & Create Conversions & Audiences

14.) Subscribe

If you run a SaaS business or have any subscription/freemium product. You can fire this event when the user starts the paid subscribtion. Here’s how you can do it…

Paso - 1: rellena el dataLayer

Encienda el código de abajo cuando someone successfully starts a trail.

Paso - 2: crea una variable GTM - 'customDataFacebook' (Omita este paso si ya está creado)

Paso - 3: Crea una etiqueta HTML personalizada y pega el siguiente código.

Create a custom HTML Tag, named ‘Facebook_Subscription’ & paste the following code

Paso - 4: Implementar la secuencia de etiquetas

Paso - 5: crea un activador de evento

Crear activador de evento personalizado llamado 'SubscriptionStarted'y publique la etiqueta.

Step – 6: Use Facebook Pixel Debugger & Create Conversions & Audiences

15.) Submit Application

You can fire this event when the user submits any of the following applications such as:
  • Job application
  • Educational programme
  • Tarjeta de crédito
  • Otras aplicaciones

Paso - 1: Crear etiqueta HTML personalizada

Fire the below code when someone successfully submits the form.

Paso - 2: Implementar la secuencia de etiquetas

Step – 3: Add a Chat Initiate Success Trigger

You can fire the code when the user successfully submits the application form & lands on thank you page.

Step – 4: Use Facebook Pixel Debugger & Create Conversions & Audiences

Usted puede comprobar form tracking guide for step by step tracking 3rd party forms like contact form7, caldera form, jot form & more..

Demasiadas etiquetas de píxeles de Facebook, ¿hay alguna otra forma de reducirlo?

Bueno, sí.
El hecho de que utilicé dataLayer events es porque ahora podemos combinar todas esas etiquetas en una sola.
If you want to create one or more ecommerce tags or maybe all, it’s good to include all the tags in a única etiqueta HTML personalizada.

Paso - 1: agregue todas las etiquetas en HTML personalizado

En etiquetas HTML personalizadas, puede agregar Condiciones del evento dataLayer a través de la declaración IF en JS.

Paso - 2: crea un disparador común a través de Regex

Puedes usar el disparador Función Regex para disparar para todos los eventos definido por dataLayer.

Facebook_Standard_Events _-_ Regex Trigger_Events

Si planea usar este método, asegúrese de definir eventos como
'FB_viewContent', 'FB_AddToCart', FB_InitiateCheckout ', FB_Purchase', etc.

para que pueda simplemente incluir 'FB_' en el desencadenador de expresiones regulares de evento personalizado.

¿Desea implementar el remarketing dinámico de Facebook?

For Dynamic Remarketing make sure, you are including ‘content_ids ',' contents 'y' content_type ' parámetros in

  • ViewContent
  • Añadir a la cesta
  • Comprar

El contenido es simplemente el conjunto de productos del objeto. Los parámetros de los contenidos son 'id', 'quantity' y 'item_price'.

¿Ha implementado el comercio electrónico mejorado en Google Analytics a través de GTM?

Si ya has implementado el comercio electrónico mejorado, es bastante fácil replicar el mismo campo dataLayer para disparar Facebook Standard Pixels.

Simplemente crea una variable dataLayer en GTM y usa objeto de comercio electrónico para extraer los valores recolectados Estos valores pueden ser mapeado a la variable content_ids & contents en facebook pixel.

Puntos importantes:

  • Puede desencadenar eventos de este tipo sin los parámetros. simplemente fbq('track', 'ViewContent')
  • Los eventos toman un tiempo para poblar Facebook Events Manager. Solo después de eso, podrás crea conversiones personalizadas y crea audiencias.
  • Incluso puedes usar el método manual para la implementación pero el Las ventajas de GTM son los mismos valores que se pueden usar para el remarketing dinámico en la red de Display de Google y Mejorado Comercio Electrónico Seguimiento en Google Analytics.
  • Siéntete libre para comentar si tienes alguna duda / problema

¿Desea más artículos para obtener más información de los visitantes de su sitio web?

6 Eventos personalizados más potentes de Facebook - Parte II

Importación automatizada de datos de costos: Facebook a Google Analytics

10 Potentes eventos personalizados de Facebook para crear audiencias personalizadas y definir conversiones

Cómo configurar y depurar código de píxeles de Facebook de la manera correcta

Ritwik es Web Analyst y Growth Hacking Consultant. Le encanta escribir blogs técnicos y fáciles de entender para Marketers & Entrepreneurs. Centrado en Google Analytics, gestión de etiquetas, GScripts y más. Profesional certificado de Google. Un creyente firme en la enseñanza -> Aprendizaje -> Creciendo. :)

G|translate Your license is inactive or expired, please subscribe again!