Requisitos previos, tener “instalado” el código que proporciona Facebook, ya sea mediante un plug-in o bien de manera manual en el encabezado (header).
Para agregar un evento del pixel de Facebook a un botón de Ninja Forms, se puede hacer de la siguiente manera, cualquier duda o comentario
Crear el formulario de Ninja Forms
Primero hay que crear un formulario de Ninja Forms con un botón al cual se le agregará el evento del pixel de Facebook.
Inspeccionar el código del formulario creado
Damos clic derecho sobre el botón que queremos agregar el evento del pixel de Facebook y damos clic en Inspeccionar.
Obtenemos el nombre del id del botón, en este ejemplo es: nf-field-9
Crear el script para invocar el evento del pixel de Facebook
A continuación el script, en donde se tiene que modificar el #nf-field-9, por el id que tenga tu formulario:
<script>
jQuery(document).ready( function() {
jQuery( document )
.on('click', '#nf-field-9', function() {
//Evento de facebook
fbq('track', 'CompleteRegistration',{
value: 0.00,
currency: 'MXN'
});
});
});
</script>El script anterior tiene que estar en el archivo footer.php de tu tema de wordpress, en mi caso, lo puse en una plantilla especial que cree para una landing page.
Al final debe quedar algo como lo siguiente:
