Diese Seite wurde von der Cloud Translation API übersetzt.

Google Analytics für mobile Websites

Übersicht

Dieselben Daten, die Sie von Ihren Google Analytics-Berichten erwarten, sind jetzt für die Ausrichtung auf WAP-fähige Mobiltelefone oder andere Low-End-Mobilgeräte verfügbar, die JavaScript nicht ausführen können. Fügen Sie einfach unsere serverseitigen Code-Snippets (verfügbar für PHP, {7/}, ASP.NET und Perl) auf jeder Seite ein, die Sie erfassen möchten. Nach der Implementierung werden in Google Analytics dieselben Informationen in den standardmäßigen Analytics-Berichten erstellt, einschließlich Informationen zu Sitzungen und Besucherquellen.

Nachdem das serverseitige Snippet implementiert wurde, generiert der sprachspezifische Code eine URL für ein Bild-Tag, das auf jeder erfassten Seite eingefügt werden muss. Die URL des Bildes entspricht der URL, unter der das serverseitige Snippet gehostet wird. Wenn ein Nutzer von seinem Mobilgerät aus die Seite mit Tracking aufruft, wird die Seite im mobilen Browser geladen. Dadurch wird eine Anfrage für das Bild gestellt, das mit dem Snippet oben erstellt wurde. Wenn das serverseitige Snippet die Anfrage empfängt, wird eine weitere Anfrage zum Senden von Daten an Google Analytics ausgelöst.

Erste Schritte

Damit Sie das serverseitige Google Analytics-Snippet verwenden können, müssen folgende Voraussetzungen erfüllt sein:

Laden Sie das Server-Snippet für Ihre Serverumgebung herunter.
Laden Sie das Code-Snippet auf Ihren Server hoch.
Aktualisieren Sie die Seiten auf dem Server, den Sie erfassen möchten, mit sprachspezifischem Code.

Bibliothek herunterladen

Das folgende Paket enthält serverseitige Snippets und Beispiele für alle unterstützten Sprachen.

Paket	Größe	SHA1-Prüfsumme
googleanalyticsformobile.zip.	35,7 KiB	9102c9d8f9ddd3f53f7330d41b3b14b73a662646s

Nach dem Download musst du das Snippet in der Sprache deiner Wahl auf deinen Webserver hochladen.

Webseiten aktualisieren

Nachdem Sie das serverseitige Snippet auf Ihren Webserver hochgeladen haben, können Sie den Tracking-Code auf jeder Ihrer Seiten einfügen. Klicken Sie auf den Tab mit der Anleitung für die Programmiersprache.

Hinweis: Du musst das Präfix für deine Analytics-Web-Property-ID in den unten angegebenen serverseitigen Snippets von „UA“ zu „MO-“ ändern. Wenn deine Web-Property-ID UA-12345-67 lautet, würdest du MO-12345-67 in deinen serverseitigen Snippets verwenden.

PHP

Für das serverseitige Snippet für PHP ist PHP 5 erforderlich.

Das Google Analytics for Mobile PHP-Paket enthält eine Datei mit dem Namen ga.php, die beim Laden ein kleines Bild in die Antwort schreibt. Wenn Sie sie verwenden möchten, müssen Sie ga.php in Ihr Projekt kopieren, damit andere PHP-Skripts darauf zugreifen können. Ihre Nutzer greifen nicht direkt darauf zu, aber Ihre eigenen PHP-Skripts enthalten ein HTML-<img>-Tag, das auf ga.php verweist. Der Code ga.php wiederum sendet eine Anfrage an den Analytics-Dienst und gibt die Bilddaten zurück, die über HTML gerendert werden.

Die Beispielmethode googleAnalyticsGetImageUrl ist im Paket enthalten, damit Sie die vollständige Bild-URL generieren können. Hier ein Beispielskript:

<?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);
  }
?>

Jetzt müssen Sie nur noch diese Methode aufrufen und die daraus resultierende URL als src-Attribut eines HTML-<img>-Tags verwenden. Die Methode sendet eine Anfrage mit den relevanten Tracking-Parametern an ga.php. ga.php sendet die folgenden Parameter an den Analytics-Dienst und gibt das zu rendernde Bild zurück:

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

JSP

Das serverseitige Snippet für {7/} wurde in Jetty 6 getestet.

Das Google Analytics for Mobile-JS-Paket enthält eine Datei mit dem Namen ga.jsp, die beim Laden ein kleines Bild in die Antwort schreibt. Wenn Sie sie verwenden möchten, müssen Sie ga.jsp in Ihr Projekt kopieren und eine Zuordnung in web.xml einfügen, damit darauf zugegriffen werden kann. Ihre Benutzer werden nicht direkt darauf zugreifen, aber Ihre eigenen {7/} enthalten ein HTML-<img>Tag, das auf diese {7/} verweist. Der Code ga.jsp wiederum sendet eine Anfrage an den Analytics-Dienst und gibt die Bilddaten zurück, die über HTML gerendert werden.

Im Downloadpaket ist eine Beispielmethode (googleAnalyticsGetImageUrl) enthalten, mit der du die vollständige Bild-URL generieren kannst. Hier eine Beispiel-JSP:

<%@ 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;");
  }
%>

Jetzt müssen Sie nur noch diese Methode aufrufen und die daraus resultierende URL als src-Attribut eines HTML-<img>-Tags verwenden. Die Methode sendet eine Anfrage mit den relevanten Tracking-Parametern an ga.jsp. ga.jsp sendet die folgenden Parameter an den Analytics-Dienst und gibt das zu rendernde Bild zurück:

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

ASP.Net

Das serverseitige Snippet für ASP.NET wurde mit IIS 6.0 getestet.

Das ASP.NET-Paket für Google Analytics Mobile enthält eine Datei namens ga.aspx, die beim Laden ein kleines Bild in die Antwort schreibt. Um es zu verwenden, müssen Sie ga.aspx in Ihr Projekt kopieren, damit andere ASPs darauf zugreifen können. Ihre Nutzer greifen nicht direkt darauf zu, aber Ihre eigenen ASPs enthalten ein HTML-<img>-Tag, das auf ga.aspx verweist. Der Code ga.aspx wiederum sendet eine Anfrage an den Analytics-Dienst und gibt die Bilddaten zurück, die über HTML gerendert werden.

Das Downloadpaket enthält die Beispielmethode GoogleAnalyticsGetImageUrl, mit der Sie die vollständige Bild-URL generieren können. Hier ist ein Beispiel für 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>

Jetzt müssen Sie nur noch diese Methode aufrufen und die daraus resultierende URL als src-Attribut eines HTML-<img>-Tags verwenden. Die Methode sendet eine Anfrage mit den relevanten Tracking-Parametern an ga.aspx. ga.aspx sendet die folgenden Parameter an den Analytics-Dienst und gibt das zu rendernde Bild zurück:

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

Perl

Für das serverseitige Snippet für Perl ist Perl 5.10 erforderlich.

Das Google Analytics for Mobile Perl-Paket enthält eine Datei mit dem Namen ga.pl, die beim Laden ein kleines Bild in die Antwort schreibt. Um sie zu verwenden, müssen Sie ga.pl in Ihr Projekt kopieren, damit andere Perl-Skripts darauf zugreifen können. Ihre Nutzer greifen nicht direkt darauf zu, aber Ihre eigenen Perl-Skripts enthalten ein HTML-<img>-Tag, das auf ga.pl verweist. Der Code ga.pl wiederum sendet eine Anfrage an den Analytics-Dienst und gibt die Bilddaten zurück, die über HTML gerendert werden.

Das Beispiel-Unterprogramm google_analytics_get_image_url ist im Downloadpaket enthalten. Es hilft Ihnen, die vollständige Bild-URL zu generieren. Hier ein Beispielskript:

# 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;
}

Jetzt müssen Sie lediglich die Subroutine aufrufen und die daraus resultierende URL als src-Attribut eines HTML-<img>-Tags verwenden. In der Subroutine wird eine Anfrage mit den relevanten Tracking-Parametern an ga.pl gesendet. ga.pl sendet die folgenden Parameter an den Analytics-Dienst und gibt das zu rendernde Bild zurück:

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