Como configurar eCommerce Google Analytics

Posted by Diego Gaspar - 02/06/10 at 06:06:50 pm

Una de las partes más importantes a la vez que divertidas, es cuando tienes configurado el ecommerce de Google Analytics. Con esta función, en una web que se dedique al comercio electrónico, podemos  contrastar datos con los objetivos (goals), las búsquedas naturales (organic), etc y poder sacar datos cualitativos

Activar eCommerce Google Analytics

Lo primero que hay que hacer es activar el ecommerce en Google Analytics. Esto es sencillo:

  1. Acceda a su cuenta.
  2. Haga clic en Editar, situado junto al perfil que desee habilitar.
  3. En la sección Información del perfil del sitio web principal de la página Configuración del perfil, haga clic en Editar.
  4. En la sección Sitio web de comercio electrónico, si el botón de selección que se encuentra marcado es No, elija Sí.

Google-Analytics-eCommerce-Tracking

Insertar código Javascript ecommerce en el proceso de compra

El código es bastante sencillo de entender. Es un array al que hay que añadirle todos los datos, no podemos quitar ninguno si no lo necesitamos o no lo queremos lo dejamos en blanco

Lo primero es insertar nuestro código de analytics. Despues debemos rellenar todos los campos insertando los datos de la compra del cliente. Podemos verlo como una factura en la que la primera parte es el total y luego va el desclose de cada producto que se ha comprado

Forma asincrona

<html>
<head>
<title>Factura Acme</title>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);
  _gaq.push(['_addTrans',
    '1234',           // ID la factura - obligatorio
    'Acme Clothing',  // Nombre de la tienda o de el afiliado
    '11.99',          // Total - obligatorio
    '1.29',           // Impuestos
    '5',              // Gastos de envio
    'San Jose',       // Ciudad
    'California',     // Provincia o Estado
    'USA'             // País
  ]);

   // Añadir items (productos), se debe hacer una llamada por cada producto que tengamos
   // en el carrito y mediante un bucle insertar cada uno en el array Javascript
  _gaq.push(['_addItem',
    '1234',           // ID de la factura- obligatorio
    'DD44',           // Código del producto SKU/code - obligatorio
    'T-Shirt',        // Nombre del producto
    'Green Medium',   // Categoría o tipo
    '11.99',          // Precio por unidad - required
    '1'               // Cantidad - required
  ]);
  _gaq.push(['_trackTrans']); //envia la transacción a los servidores de Google Analytics

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();

</script>
</head>
<body>

  Gracias por su solicitud.  En breve recibirá un email con los detalles de su pedido.

</body>
</html>

Otra forma de enviarlo es por la forma tradicional

<html>
 <head>
 <title> Factra Acme </ title>
 </ Head>

 <body>

   Gracias por su solicitud.  En breve recibirá un correo electrónico que contiene todos los detalles de su pedido.

 type="text/javascript"> <script
  var gaJsHost = (("https:" == document.location.protocol)? "https: / / ssl.": "http://www.");
  document.write (unescape ("% 3Cscript src = '" + + gaJsHost "tipo% google-analytics.com/ga.js' = 'text / javascript'% 3E% 3E 3C/script"));
 </ Script>
  type="text/javascript"> <script
  try (
  pageTracker var = _gat._getTracker ("UA-xxxxx-x");
   pageTracker. _trackPageview () ;
  pageTracker. _addTrans (
  "1234", / / Identificación de la factura - obligatorio 
  "Mujeres Apparel", / / Nombre de la tienda o del afiliado 
  "11,99", / / Total - obligatorio 
  "1,29", / / Impuesto  
  "15,00", / / Gastos de envío 
  "San José", / / Ciudad 
  "California", / / Estado o provincia 
  "EE.UU." / / País 
  );

    / / Añadir intems (productos) se debe hacer una llamada por producto que tenamos
    / / en la compra y mediante un bucle insertar en array _addItem
   
  pageTracker. _addItem (
  "1234", / / Identificación de la factura - asociada con la transacción 
  "DD44", / / Código del producto SKU / código - obligatorio 
  "T-Shirt", / / Nombre del producto 
  "Olive Media", / / Categoría o variación 
  "11,99", / / Precio por unidad - obligatorio 
  "1" / / Cantidad - obligatorio 
  );

    pageTracker. _trackTrans (); / / Enviar transacción a los servidores de Google Analytics 
  ) Catch (err) ()
  </ Script>
 </ Body>
 </ Html>

En pocas horas se verá reflejado en nuestro Analytics y podemos comparar con otro datos.

Por último, si queremos comparar con nuestro adwords deberemos tener activado el etiquetado atomático de adwords:

  1. Acceda a la cuenta de AdWords.
  2. Haga clic en la pestaña Mi cuenta y, a continuación, seleccione “Preferencias de la cuenta”.
  3. En la sección “Seguimiento”, haga clic en Editar.
  4. Marque la casilla Etiquetado automático de URL de destino.
  5. Haga clic en Guardar cambios.

2 Comments »

RSS feed for comments on this post. TrackBack URI

  1. Hola¡¡

    Muy útil tu post del código en español. ¿Mi pregunta es si hay que hacer la parte de additem para cada uno de los productos de nuestra tienda online? Es un trabajazo si tienes muchas referencias, además ¿qué tienes que hacer si cambias los precios, cambiar el código también no? Muchas gracias

    Comment by Marta — 2012/04/16 #

  2. Marta lo puedes automatizar, tan solo con programación colocar la info que quieras dinámicamente.
    Por ejemplo el id de producto lo sacas de la base de datos y lo incrustas en el código según la ficha de producto.

    Comment by Diego Gaspar — 2012/05/11 #

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress with GimpStyle Theme design by Horacio Bella.
Entries and comments feeds. Valid XHTML and CSS.