Cómo configurar el objetivo de Google Analytics para envíos de formularios ajax

Question

Tengo un formulario de contacto que se envía a través de ajax y, tras una presentación exitosa, se muestra un mensaje de agradecimiento/éxito.

Además, establecí un objetivo (URL de finalización del objetivo) en mi cuenta de Google Analytics para las visitas a una página de agradecimiento.

Esta página no existe.

¿Alguna idea/sugerencia sobre cómo puedo configurar el seguimiento de presentaciones exitosas de formularios a través de este método?

Answer 1

Puede usar vistas de página virtuales. Para cada paso del proceso, añadir una llamada a

_gaq.push(['_trackPageview', '/ajax-contactForm/PAGE-or-STEP-NAME.html']); 

Esto registrará como una visita de página y puede ser utilizado como un paso en la meta.

Ver virtual pageviews in the GA docs.

O, para configurarlo como un objetivo de evento como se sugiere Eduardo, ver The New Google Analytics: Events Goals

Answer 2

Esta respuesta posiblemente necesita ser actualizado para las versiones más recientes de GA. Hice lo siguiente para establecer objetivos cuando la página se envía a través de ajax.

$.ajax({ 
     type: "POST", 
     url: "/some/page/that/does/not/have/ga/on/it.php", 
     data: { formData:formData }, 
     success: function() { 
      // Some success message to user. 
      // Create a virtual page view that you can track in GA. 
      ga('send', { 
       'hitType' : 'pageview', 
       'page' : '/contact-us-success' // Virtual page (aka, does not actually exist) that you can now track in GA Goals as a destination page. 
      }); 
     } 
    }); 

Que en GA -> Administrador -> Objetivos -> Nueva meta

(1) de configuración de objetivos - Custom
(2) Descripción de Meta -> seleccione 'Destino'.
(3) Detalles del objetivo -> Destino Igual a/contact-us-success

Espero que esto ayude a otra persona.