Google Analytics untuk Situs Seluler

Penting: Google Analytics untuk Situs Seluler secara resmi tidak digunakan lagi mulai 2 April 2014. Sebaiknya upgrade ke Measurement Protocol.

Ringkasan

Semua data yang sama yang Anda harapkan dari laporan Google Analytics kini tersedia untuk penargetan ponsel berbasis WAP atau perangkat seluler kelas bawah lainnya yang tidak dapat menjalankan JavaScript. Cukup tempel cuplikan kode sisi server kami (tersedia untuk PHP, JSP, ASP.NET, dan Perl) di setiap halaman yang ingin Anda lacak. Setelah diterapkan, Google Analytics selanjutnya akan membuat jenis informasi yang sama dalam laporan Analytics standar, termasuk informasi sesi dan sumber traffic.

Setelah cuplikan sisi server diterapkan, kode khusus bahasa, akan membuat URL untuk tag gambar yang harus ditempatkan di setiap halaman yang dilacak. URL untuk gambar akan sama dengan URL tempat cuplikan sisi server dihosting. Saat pengguna membuka halaman yang dilacak dari perangkat selulernya, browser seluler akan memuat halaman tersebut, yang kemudian akan membuat permintaan untuk gambar yang dibuat oleh cuplikan di atas. Saat menerima permintaan, cuplikan sisi server akan mengaktifkan permintaan lain untuk mengirim data ke Google Analytics.

Memulai

Untuk mulai menggunakan cuplikan sisi server Google Analytics, Anda harus:

1. Download cuplikan server untuk lingkungan server Anda.
2. Upload cuplikan kode ke server.
3. Perbarui halaman di server yang ingin Anda lacak dengan kode bahasa tertentu

Mendownload Library

Paket berikut berisi cuplikan sisi server dan contoh untuk semua bahasa yang didukung.

Package (Paket)	Ukuran	Checksum SHA1
googleanalyticsformobile.zip	35,7 KiB	9102c9d8f9ddd3f53f7330d41b3b14b73a662646

Setelah didownload, Anda harus mengupload cuplikan dalam bahasa pilihan Anda, ke server web.

Perbarui Halaman Web Anda

Setelah mengupload cuplikan sisi server ke server web, Anda siap menambahkan kode pelacakan ke setiap halaman. Klik tab untuk instruksi khusus bahasa pemrograman.

Catatan: Anda harus mengubah awalan pada ID properti web analisis dari UA- menjadi MO- di cuplikan sisi server yang diberikan di bawah. Misalnya, jika ID properti web Anda adalah UA-12345-67, sebaiknya gunakan MO-12345-67 di cuplikan sisi server.

PHP

Cuplikan sisi server untuk PHP memerlukan PHP 5.

Paket Google Analytics untuk PHP Seluler mencakup file bernama ga.php yang, saat dimuat, akan menulis gambar kecil ke respons. Untuk menggunakannya, Anda harus menyalin ga.php ke project Anda sehingga dapat diakses oleh skrip PHP lainnya. Pengguna Anda tidak akan mengaksesnya secara langsung, tetapi skrip PHP Anda sendiri akan berisi tag <img> HTML yang merujuk ke ga.php. Selanjutnya, kode ga.php akan mengirim permintaan ke layanan Analytics dan menampilkan data gambar yang dirender melalui HTML.

Metode contoh, googleAnalyticsGetImageUrl, disertakan dalam paket untuk membantu Anda membuat URL gambar lengkap. Berikut adalah contoh skrip:

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

Sekarang, cukup panggil metode ini dan gunakan URL yang dihasilkan sebagai atribut src dari tag <img> HTML. Metode ini akan mengirimkan permintaan ke ga.php dengan parameter pelacakan yang relevan. ga.php akan mengirim parameter ini ke layanan Analytics dan menampilkan gambar yang akan dirender:

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

JSP

Cuplikan sisi server untuk JSP telah diuji di Jetty 6.

Paket JSP Google Analytics untuk Seluler menyertakan file bernama ga.jsp yang, saat dimuat, akan menulis gambar kecil ke respons. Untuk menggunakannya, Anda harus menyalin ga.jsp ke project Anda dan memastikan Anda menyertakan pemetaan di web.xml atau sedemikian rupa sehingga dapat diakses. Pengguna Anda tidak akan mengaksesnya secara langsung, tetapi JSP Anda sendiri akan berisi tag <img> HTML yang merujuk pada JSP ini. Selanjutnya, kode ga.jsp akan mengirim permintaan ke layanan Analytics dan menampilkan data gambar yang dirender melalui HTML.

Metode contoh, googleAnalyticsGetImageUrl, disertakan dalam paket download untuk membantu Anda membuat URL gambar lengkap. Berikut adalah contoh 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;");
  }
%>

Sekarang, cukup panggil metode ini dan gunakan URL yang dihasilkan sebagai atribut src dari tag <img> HTML. Metode ini akan mengirimkan permintaan ke ga.jsp dengan parameter pelacakan yang relevan. ga.jsp akan mengirim parameter ini ke layanan Analytics dan menampilkan gambar yang akan dirender:

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

ASP.net

Cuplikan sisi server untuk ASP.NET telah diuji pada IIS 6.0.

Paket ASP.NET Google Analytics untuk Seluler menyertakan file bernama ga.aspx yang, saat dimuat, akan menulis gambar kecil ke respons. Untuk menggunakannya, Anda harus menyalin ga.aspx ke project Anda sehingga dapat diakses oleh ASP lain. Pengguna Anda tidak akan mengaksesnya secara langsung, tetapi ASP Anda sendiri akan berisi tag <img> HTML yang merujuk ke ga.aspx. Selanjutnya, kode ga.aspx akan mengirim permintaan ke layanan Analytics dan menampilkan data gambar yang dirender melalui HTML.

Metode contoh, GoogleAnalyticsGetImageUrl, disertakan dalam paket download untuk membantu Anda membuat URL gambar lengkap. Berikut adalah contoh 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>

Sekarang, cukup panggil metode ini dan gunakan URL yang dihasilkan sebagai atribut src dari tag <img> HTML. Metode ini akan mengirimkan permintaan ke ga.aspx dengan parameter pelacakan yang relevan. ga.aspx akan mengirim parameter ini ke layanan Analytics dan menampilkan gambar yang akan dirender:

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

Perl

Cuplikan sisi server untuk Perl memerlukan Perl 5.10.

Paket Google Analytics untuk Perl Seluler menyertakan file bernama ga.pl yang, saat dimuat, akan menulis gambar kecil ke respons. Untuk menggunakannya, Anda harus menyalin ga.pl ke project Anda sehingga dapat diakses oleh skrip Perl Anda lainnya. Pengguna Anda tidak akan mengaksesnya secara langsung, tetapi skrip Perl Anda sendiri akan berisi tag <img> HTML yang merujuk ke ga.pl. Selanjutnya, kode ga.pl akan mengirim permintaan ke layanan Analytics dan menampilkan data gambar yang dirender melalui HTML.

Contoh subrutin, google_analytics_get_image_url, disertakan dalam paket download untuk membantu Anda membuat URL gambar lengkap. Berikut adalah contoh skrip:

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

Sekarang, cukup dengan memanggil subroutine ini dan menggunakan URL yang dihasilkan sebagai atribut src dari tag <img> HTML. Subrutin akan mengirim permintaan ke ga.pl dengan parameter pelacakan yang relevan. ga.pl akan mengirim parameter ini ke layanan Analytics dan menampilkan gambar yang akan dirender:

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