El Píxel de Fb plantilla de etiqueta personalizada es un no oficial plantilla de etiqueta para Administrador de etiquetas de Google galería de plantillas comunitarias.
Descripción
Esta plantilla implementa la Píxel de Fb en el sitio net. Puede usarlo para cargar el SDK, iniciar los píxeles y enviar eventos personalizados y estándar a Fb con las propiedades personalizadas y atributos de usuario que desee. La plantilla debe estar equipada para manejar todas las funciones del píxel. ¡Avíseme en los comentarios si hay funciones que cree que faltan!
Instrucciones
Estas son las características del píxel, junto con algunos detalles sobre cómo funcionan.
En basic, cuando se activa la etiqueta, pasa por todos los ID de píxeles agregados a la etiqueta. Para cada uno, primero verifica si el píxel se ha inicializado para el ID. Si no es así, procede a inicializarlo (junto con cualquier parámetro que se pueda configurar con la llamada de inicialización). Luego, la etiqueta procede a hacer lo que usted haya configurado para hacer. Enviará un evento con cualquier propiedad que haya configurado y también puede usar la etiqueta para deshabilitar cosas como el seguimiento automático de eventos del historial.
¡NOTA! El píxel NO ES enviar automáticamente el
PageView
El seguimiento del impacto es related al del fragmento de píxel de Fb. Necesitará crear unPageView
etiqueta para enviar la vista de la página a Fb.
ID de píxel de Fb
El primer campo requiere que agregue su ID de píxel de Fb. Puedes agregar más de un ID separándolos con una comap.ej 123456789,234567890
.
Si agrega más de una ID, la etiqueta se inicializará (si es necesario) y enviará el resultado a todas las ID de píxeles enumeradas en el campo.
Integración mejorada de la capa de datos de comercio electrónico
Si marca este botón, la etiqueta se verá en dataLayer
Para el más reciente objeto con el ecommerce
llave. Si este objeto tiene una de las siguientes propiedades: element
, add
, checkout
o buy
la etiqueta derivará automáticamente la siguiente información del objeto que se enviará con la etiqueta.
Si el
dataLayer
no tiene unecommerce
objeto, o si elecommerce
El objeto no tiene uno deelement
,add
,checkout
,buy
o si elecommerce
El objeto no tienemerchandise
matriz, la etiqueta terminará con un error.
Nombre del evento está mapeado así:
-
Un
ecommerce.element
objeto establece el nombre del evento comoViewContent
. -
Un
ecommerce.add
objeto establece el nombre del evento comoAddToCart
. -
Un
ecommerce.checkout
objeto establece el nombre del evento comoInitiateCheckout
. -
Un
ecommerce.buy
objeto establece el nombre del evento comoBuy
.
Propiedades del objeto están mapeados así:
-
A
contents
El parámetro se crea a partir delmerchandise
matriz, y se rellena con elid
yamount
de cada producto en este último. -
content_type
se establece enproduct
. -
foreign money
se deriva deecommerce.currencyCode
o establecer enUSD
por defecto. -
num_items
se utiliza enInitiateCheckout
yBuy
y se agrega a partir de la cantidad complete de todos los productos en elmerchandise
formación. -
worth
se calcula multiplicando elworth
yamount
de cada producto en elmerchandise
matriz y resumir todo.
A continuación se muestra un ejemplo de cómo un objeto de comercio electrónico mejorado se asigna a las propiedades del objeto de Fb:
{
ecommerce: {
currencyCode: 'EUR',
checkout: {
actionField: {
step: 1
},
merchandise: ({
id: 'firstProduct',
identify: 'firstProductName',
worth: '3.15',
amount: 2,
class: 'prods'
},{
id: 'secondProduct',
identify: 'secondProductName',
worth: '7.35',
amount: 3,
class: 'prods'
})
}
}
}
// BECOMES
{
content_type: 'product',
foreign money: 'EUR',
num_items: 5,
contents: ({"id":"firstProduct","amount":2},{"id":"secondProduct","amount":3}),
worth: 28.35
}
¡NOTA! Puede utilizar la configuración de Propiedades del objeto (ver más abajo) para anular estas propiedades individuales, si no está satisfecho con el funcionamiento de algunas partes de la integración automática.
Nombre del evento
Si no ha seleccionado la integración de comercio electrónico mejorado, puede elegir un nombre de evento de la lista de estándar eventos. También puede especificar un costumbre nombre del evento, o puede utilizar un Variable del Administrador de etiquetas de Google para proporcionar el nombre del evento dinámicamente.
Consentimiento concedido (GDPR)
Si este campo obtiene el valor false
(más comúnmente a través de una variable de Google Tag Supervisor), el píxel descargará el SDK, pero no se inicializará ni enviará ningún resultado a Fb.
Habilitar coincidencia avanzada
Si marca esta casilla, aparecerá un nuevo grupo llamado Parámetros de datos de información del cliente aparece.
Opciones de procesamiento de datos
Puedes agregar soporte opciones de procesamiento de datos a este campo. Se evalúan etiqueta por etiqueta y se configuran para todos los ID de píxel de cualquier etiqueta determinada.
Parámetros de datos de información del cliente
Puedes usar esto para configurar parámetros predefinidos para la función de coincidencia avanzada de Fb.
Propiedades del objeto
Tienes tres opciones para agregar propiedades de objeto al hit.
Si marcaste el Comercio electrónico mejorado integración, algunas propiedades se completará automáticamente.
También puede cargar un objeto de propiedades usando un Variable del Administrador de etiquetas de Google que devuelve un objeto con pares clave-valor que luego se agregarán al hit.
Finalmente, puede agregar propiedades manualmente usando la tabla en la etiqueta. Cada fila representa una propiedad.
Puede agregar propiedades predefinidas y propiedades personalizadas. Leer este para más información.
¡NOTA! Si outline propiedades utilizando múltiples fuentes (por ejemplo, integración de comercio electrónico mejorado Y la variable Y la tabla), los conflictos se resuelven en el orden de mesa > variable > Comercio electrónico mejorado. En otras palabras, si configuras
content_type
en la tabla, se anularácontent_type
establecido en una variable o la integración de comercio electrónico mejorado.
Más ajustes
Puedes comprobar el Deshabilitar la configuración automática para evitar que el píxel escuchar automáticamente los clics o recopilar metadatos de la página.
Puedes comprobar el Deshabilitar el seguimiento de eventos del historial para evitar que el píxel realice un seguimiento automático pushState
y replaceState
acontecimientos de la historia.
Puedes agregar un ID de evento a deduplicar visitas enviadas desde el sitio net y mediante seguimiento del lado del servidor.
Notas de lanzamiento
Fecha | Conjunto de cambios |
---|---|
11 de noviembre de 2020 | Se agregó ID de evento a los campos de píxeles para la deduplicación del lado del servidor. |
23 julio 2020 | Se corrigió para evitar que se guardara la plantilla si la lista de coincidencias avanzadas estaba habilitada pero vacía. |
6 julio 2020 | Eliminar propiedades de usuario obsoletas. Agregar opciones de procesamiento de datos. Solucione el error con la lista de coincidencias avanzada vacía. |
23 de abril de 2020 | Agregue pruebas unitarias. Agregue integración de comercio electrónico mejorada. |
16 de abril de 2020 | Agregue la opción para deshabilitar el seguimiento automático de eventos del historial. |
1 de abril de 2020 | Corrija “país” en Coincidencia avanzada para usar la clave correcta. |
19 de octubre de 2019 | Corregir error de propiedad del objeto. |
17 de octubre de 2019 | Corregir la fusión de objetos. Actualice la selección del nombre del evento para permitir el uso de una variable. |
12 de septiembre de 2019 | Versión inicial. |