WooCommerce: agregue diferentes píxeles de Facebook a diferentes páginas

La semana pasada un cliente que estaba a punto de realizar una campaña de publicidad en Facebook me preguntó algo bastante interesante. Ya vimos en el pasado cómo agregar el seguimiento de conversiones a la página de agradecimiento , sin embargo, esta vez fue ligeramente diferente.

El consultor de FB de mi cliente requirió un código para todo el sitio, otro código solo para la página de pago («el usuario ha iniciado el pago») y otro para la página de agradecimiento («el usuario ha comprado»). Entonces, así es como lo hice.

WooCommerce: agregue diferentes códigos de seguimiento de Facebook a diferentes páginas
WooCommerce: agregue diferentes códigos de seguimiento de Facebook a diferentes páginas

Pensar en voz alta: lógica condicional

Cuando codificas en WooCommerce, siempre debes hacerte una pregunta: ¿tu fragmento debe ejecutarse en todas las páginas del sitio web?

Si la respuesta es no, probablemente ya haya oído hablar de la lógica condicional (cubrí la lógica condicional de WooCommerce en un tutorial anterior ). Y este caso no es diferente.

Necesitamos un código de seguimiento de Facebook diferente para:

  1. todo el sitio, excepto la página de pago y agradecimiento
  2. la página de Pago solamente
  3. la página de agradecimiento solamente

Entonces, el truco consiste básicamente en encontrar cuál es el PHP ideal para ejecutar algo como: SI (CONDICIÓN)> ENTONCES (ECO ESTO).

Si echaste un vistazo a mi tutorial, la etiqueta condicional para apuntar a la página de pago es: is_checkout() . El problema es que esto también se dirige a la página de agradecimiento (¡tienen el mismo ID de página!). Así que tuve que usar otra etiqueta condicional, llamada  is_wc_endpoint_url(‘order-received’) , que apunta exclusivamente a ese «punto final».

Bien, veamos cómo funciona el PHP

Fragmento de PHP: agregue diferentes píxeles de Facebook a diferentes páginas de WooCommerce

/**
 * @snippet       Add Different Facebook Pixels to Different WooCommerce Pages
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=21309
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 2.6.8
 */
 
add_action( 'wp_head', 'bbloomer_head_conditional_fb_pixel' );
 
function bbloomer_head_conditional_fb_pixel() {
 
if ( is_checkout() && !is_wc_endpoint_url( 'order-received' ) ) {
    
// FIRST WE TARGET THE CHECKOUT PAGE WITH is_checkout()
// AND WE MAKE SURE TO EXCLUDE THE THANK YOU PAGE
 
   ?>
      <!-- Facebook Pixel Code for Initiated Checkout -->
      <!-- End Facebook Pixel Code -->
   <?php } elseif ( is_wc_endpoint_url( 'order-received' ) ) { // THEN WE TARGET THE THANK YOU PAGE ONLY ?>
      <!-- Facebook Pixel Code for Conversions -->
      <!-- End Facebook Pixel Code -->
   <?php } else { // FINALLY WE TARGET ALL THE OTHER PAGES ?>
      <!-- Facebook Pixel Code for Rest of Website -->
      <!-- End Facebook Pixel Code -->
   <?php
}
         
}

Deja un comentario