Google Analytics para sitios web móviles

Importante: Google Analytics para sitios web móviles se dio de baja oficialmente a partir del 2 de abril de 2014. Te recomendamos que actualices al Protocolo de medición.

Descripción general

Todos los datos que esperas de tus informes de Google Analytics ahora están disponibles para orientarlos a teléfonos basados en WAP u otros dispositivos móviles de gama baja que no pueden ejecutar JavaScript. Solo debes pegar los fragmentos de código del servidor (disponibles para PHP, JSP, ASP.NET y Perl) en cada página a la que quieras hacer un seguimiento. Una vez implementado, Google Analytics creará el mismo tipo de información en los informes estándares de Analytics, incluida la información de la sesión y de las fuentes de tráfico.

Una vez que se implemente el fragmento del servidor, el código específico del lenguaje generará una URL para una etiqueta de imagen que se deberá colocar en cada página a la que se le haga seguimiento. La URL de la imagen será la misma en la que se aloja el fragmento del servidor. Cuando un usuario navegue a la página rastreada desde su dispositivo móvil, el navegador de ese dispositivo cargará la página, que, a su vez, solicitará la imagen creada por el fragmento anterior. Cuando el fragmento del servidor reciba la solicitud, se iniciará otra solicitud para enviar datos a Google Analytics.

Cómo comenzar

Para comenzar a usar el fragmento del servidor de Google Analytics, debes hacer lo siguiente:

1. Descarga el fragmento de servidor para tu entorno de servidor.
2. Sube el fragmento de código a tu servidor.
3. Actualiza las páginas en el servidor del que deseas hacer un seguimiento con un código de idioma específico

Descargar la biblioteca

El siguiente paquete contiene fragmentos del servidor y ejemplos para todos los lenguajes compatibles.

Paquete	del vocab.	Suma de comprobación de SHA1
googleanalyticsformobile.zip	35.7 KiB	9102c9d8f9ddd3f53f7330d41b3b14b73a662646

Una vez descargado, debes subir el fragmento en el idioma que desees a tu servidor web.

Actualizar tus páginas web

Una vez que hayas subido el fragmento del servidor a tu servidor web, podrás agregar el código de seguimiento a cada una de tus páginas. Haz clic en la pestaña para obtener las instrucciones específicas del lenguaje de programación.

Nota: Debes cambiar el prefijo de tu ID de propiedad web de Analytics de UA a MO en los fragmentos del servidor que se indican a continuación. Por ejemplo, si el ID de propiedad web es UA-12345-67, debes usar MO-12345-67 en los fragmentos del servidor.

PHP

El fragmento del servidor para PHP requiere PHP 5.

El paquete PHP de Google Analytics para dispositivos móviles incluye un archivo llamado ga.php que, cuando se carga, escribe una imagen pequeña en la respuesta. Para usarlo, debes copiar ga.php en tu proyecto de modo que puedan acceder las otras secuencias de comandos de PHP. Tus usuarios no accederán directamente a este archivo, pero tus propias secuencias de comandos PHP contendrán una etiqueta HTML <img> que hace referencia a ga.php. A su vez, el código ga.php envía una solicitud al servicio de Analytics y muestra los datos de la imagen que se renderizan a través de HTML.

Se incluye un método de muestra, googleAnalyticsGetImageUrl, en el paquete para ayudarte a generar la URL completa de la imagen. Este es el guion de muestra:

<?php
  // Copyright 2009 Google Inc. All Rights Reserved.
  $GA_ACCOUNT = "ACCOUNT ID GOES HERE";
  $GA_PIXEL = "/ga.php";

  function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;
    $url = "";
    $url .= $GA_PIXEL . "?";
    $url .= "utmac=" . $GA_ACCOUNT;
    $url .= "&utmn=" . rand(0, 0x7fffffff);

    $referer = $_SERVER["HTTP_REFERER"];
    $query = $_SERVER["QUERY_STRING"];
    $path = $_SERVER["REQUEST_URI"];

    if (empty($referer)) {
      $referer = "-";
    }
    $url .= "&utmr=" . urlencode($referer);

    if (!empty($path)) {
      $url .= "&utmp=" . urlencode($path);
    }

    $url .= "&guid=ON";

    return str_replace("&", "&amp;", $url);
  }
?>

Ahora, solo debes llamar a este método y usar la URL resultante como el atributo src de una etiqueta HTML <img>. El método enviará una solicitud a ga.php con los parámetros de seguimiento relevantes. ga.php enviará estos parámetros al servicio de Analytics y mostrará la imagen que se renderizará:

<?php
  $googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
  echo '<img src="' . $googleAnalyticsImageUrl . '" />';
?>

JSP

El fragmento del servidor para JSP se probó en Jetty 6.

El paquete JSP de Google Analytics para dispositivos móviles incluye un archivo llamado ga.jsp que, cuando se carga, escribe una imagen pequeña en la respuesta. Para usarla, debes copiar ga.jsp en tu proyecto y asegurarte de incluir una asignación en web.xml o de manera tal que se pueda acceder a ella. Tus usuarios no accederán directamente a él, pero tus propios JSP contendrán una etiqueta HTML <img> que hace referencia a este JSP. A su vez, el código ga.jsp envía una solicitud al servicio de Analytics y muestra los datos de la imagen que se renderizan a través de HTML.

Se incluye un método de muestra, googleAnalyticsGetImageUrl, en el paquete de descarga para ayudarte a generar la URL completa de la imagen. Este es el JSP de muestra:

<%@ page import="java.io.UnsupportedEncodingException,
                    java.net.URLEncoder" %>
<%!
  // Copyright 2009 Google Inc. All Rights Reserved.
  private static final String GA_ACCOUNT = "ACCOUNT ID GOES HERE";
  private static final String GA_PIXEL = "/ga.jsp";

  private String googleAnalyticsGetImageUrl(
      HttpServletRequest request) throws UnsupportedEncodingException {
    StringBuilder url = new StringBuilder();
    url.append(GA_PIXEL + "?");
    url.append("utmac=").append(GA_ACCOUNT);
    url.append("&utmn=").append(Integer.toString((int) (Math.random() * 0x7fffffff)));

    String referer = request.getHeader("referer");
    String query = request.getQueryString();
    String path = request.getRequestURI();

    if (referer == null || "".equals(referer)) {
      referer = "-";
    }
    url.append("&utmr=").append(URLEncoder.encode(referer, "UTF-8"));

    if (path != null) {
      if (query != null) {
        path += "?" + query;
      }
      url.append("&utmp=").append(URLEncoder.encode(path, "UTF-8"));
    }

    url.append("&guid=ON");

    return url.toString().replace("&", "&amp;");
  }
%>

Ahora, solo debes llamar a este método y usar la URL resultante como el atributo src de una etiqueta HTML <img>. El método enviará una solicitud a ga.jsp con los parámetros de seguimiento relevantes. ga.jsp enviará estos parámetros al servicio de Analytics y mostrará la imagen que se renderizará:

<% String googleAnalyticsImageUrl = googleAnalyticsGetImageUrl(request); %>
<img src="<%= googleAnalyticsImageUrl %>" />

ASP.net

El fragmento del servidor para ASP.NET se probó en IIS 6.0.

El paquete ASP.NET de Google Analytics para dispositivos móviles incluye un archivo llamado ga.aspx que, cuando se carga, escribe una imagen pequeña en la respuesta. Para usarla, debes copiar ga.aspx en tu proyecto de modo que tus otras ASP puedan acceder a él. Tus usuarios no accederán directamente al archivo, pero tus propios ASP contendrán una etiqueta HTML <img> que hace referencia a ga.aspx. A su vez, el código ga.aspx envía una solicitud al servicio de Analytics y muestra los datos de la imagen que se renderizan a través de HTML.

Se incluye un método de muestra, GoogleAnalyticsGetImageUrl, en el paquete de descarga para ayudarte a generar la URL completa de la imagen. Este es el ejemplo de ASP:

<%@ Page Language="C#" %>
<script language="C#" runat="server">
  // Copyright 2009 Google Inc. All Rights Reserved.
  private const string GaAccount = "ACCOUNT ID GOES HERE";
  private const string GaPixel = "/ga.aspx";

  private string GoogleAnalyticsGetImageUrl() {
    System.Text.StringBuilder url = new System.Text.StringBuilder();
    url.Append(GaPixel + "?");
    url.Append("utmac=").Append(GaAccount);

    Random RandomClass = new Random();
    url.Append("&utmn=").Append(RandomClass.Next(0x7fffffff));

    string referer = "-";
    if (Request.UrlReferrer != null
        && "" != Request.UrlReferrer.ToString()) {
      referer = Request.UrlReferrer.ToString();
    }
    url.Append("&utmr=").Append(HttpUtility.UrlEncode(referer));

    if (HttpContext.Current.Request.Url != null) {
      url.Append("&utmp=").Append(HttpUtility.UrlEncode(Request.Url.PathAndQuery));
    }

    url.Append("&guid=ON");

    return url.ToString().Replace("&", "&amp;");
  }
</script>

Ahora, solo debes llamar a este método y usar la URL resultante como el atributo src de una etiqueta HTML <img>. El método enviará una solicitud a ga.aspx con los parámetros de seguimiento relevantes. ga.aspx enviará estos parámetros al servicio de Analytics y mostrará la imagen que se renderizará:

<% string googleAnalyticsImageUrl = GoogleAnalyticsGetImageUrl(); %>
<img src="<%= googleAnalyticsImageUrl %>" />

Perl

El fragmento del servidor para Perl requiere Perl 5.10.

El paquete de Perl de Google Analytics para dispositivos móviles incluye un archivo llamado ga.pl que, cuando se carga, escribe una imagen pequeña en la respuesta. Para usarlo, debes copiar ga.pl en tu proyecto, de modo que puedan acceder las otras secuencias de comandos de Perl. Tus usuarios no accederán directamente a él, pero tus propias secuencias de comandos de Perl contendrán una etiqueta HTML <img> que hace referencia a ga.pl. A su vez, el código ga.pl envía una solicitud al servicio de Analytics y muestra los datos de la imagen que se renderizan a través de HTML.

Se incluye una subrutina de ejemplo, google_analytics_get_image_url, en el paquete de descarga para ayudarte a generar la URL de imagen completa. Este es el guion de muestra:

# Copyright 2009 Google Inc. All Rights Reserved.
use URI::Escape;

use constant GA_ACCOUNT => 'ACCOUNT ID GOES HERE';
use constant GA_PIXEL => '/ga.pl';

sub google_analytics_get_image_url {
  my $url = '';
  $url .= GA_PIXEL . '?';
  $url .= 'utmac=' . GA_ACCOUNT;
  $url .= '&utmn=' . int(rand(0x7fffffff));

  my $referer = $ENV{'HTTP_REFERER'};
  my $query = $ENV{'QUERY_STRING'};
  my $path = $ENV{'REQUEST_URI'};

  if ($referer eq "") {
    $referer = '-';
  }

  $url .= '&utmr=' . uri_escape($referer);
  $url .= '&utmp=' . uri_escape($path);
  $url .= '&guid=ON';

  $url =~ s/&/&amp\;/g;
  $url;
}

Ahora, solo debes llamar a esta subrutina y usar la URL resultante como el atributo src de una etiqueta HTML <img>. La subrutina enviará una solicitud a ga.pl con los parámetros de seguimiento relevantes. ga.pl enviará estos parámetros al servicio de Analytics y mostrará la imagen que se renderizará:

print '<img src="' . google_analytics_get_image_url() . '" />';