Instalar Statsdot en WooCommerce

WooCommerce funciona sobre WordPress, así que el código se añade igual que en la guía de WordPress: con un plugin de cabecera o en tu tema hijo. Lee también su parte sobre plugins de caché, porque las tiendas suelen usarlos.

Cuenta las compras

La página de pedido recibido lleva el número de pedido en su dirección (/checkout/order-received/123/), y Statsdot compara los objetivos de página por su ruta exacta. Por eso, en lugar de un objetivo de página, envía un evento cuando se carga esa página. Añade esto al functions.php de tu tema hijo o como fragmento PHP en un plugin como WPCode:

add_action('woocommerce_thankyou', function ($order_id) {
    if (! $order_id) {
        return;
    }

    echo "<script>document.addEventListener('DOMContentLoaded', function () { window.statsdot && window.statsdot.track('Purchase'); });</script>";
});

El código del head se carga con defer, así que el evento espera a DOMContentLoaded, cuando el script ya está listo. No añadas el número de pedido ni el nombre del cliente como etiqueta: Statsdot funciona sin datos personales y tus eventos también deberían.

Si un plugin de optimización retrasa el JavaScript, excluye este script en línea además de statsdot.com/js/script.js.

Conviértelo en objetivo

En los Ajustes del sitio (la rueda junto a las fechas), añade un objetivo de tipo Evento con el nombre Purchase. El panel muestra entonces cuántos visitantes compraron y la tasa de conversión sobre todos los visitantes. Si un cliente recarga la página de agradecimiento, el evento se envía otra vez, pero el objetivo sigue contando a ese visitante una sola vez.

Los pasos anteriores

Las páginas del carrito y del checkout tienen rutas fijas, así que sirven como objetivos de página. Las rutas de WordPress terminan en barra: /cart/ y /checkout/. Con los tres objetivos ves cuántos visitantes abren el carrito, empiezan el checkout y completan el pedido.

Más en Eventos y objetivos.