Google Analytics cho trang web trên thiết bị di động

Lưu ý quan trọng: Google Analytics cho trang web dành cho thiết bị di động đã chính thức ngừng hoạt động kể từ ngày 2 tháng 4 năm 2014. Bạn nên nâng cấp lên Measurement Protocol.

Tổng quan

Tất cả dữ liệu giống như dữ liệu bạn mong đợi từ các báo cáo Google Analytics của mình hiện có sẵn để nhắm mục tiêu điện thoại dựa trên WAP hoặc thiết bị di động cấp thấp khác không thể thực thi JavaScript. Chỉ cần dán các đoạn mã phía máy chủ của chúng tôi (dành cho PHP,RE, ASP.NET và Perl) trên từng trang bạn muốn theo dõi. Sau khi được triển khai, Google Analytics sẽ tạo cùng một loại thông tin trong các báo cáo Analytics chuẩn, bao gồm cả thông tin về phiên và nguồn lưu lượng truy cập.

Sau khi triển khai đoạn mã phía máy chủ, mã cụ thể theo ngôn ngữ, sẽ tạo một URL cho một thẻ hình ảnh cần được đặt trên mỗi trang được theo dõi. URL cho hình ảnh sẽ là URL mà đoạn mã phía máy chủ được lưu trữ. Khi người dùng chuyển đến trang được theo dõi từ thiết bị di động, trình duyệt dành cho thiết bị di động của họ sẽ tải trang và sau đó, yêu cầu hình ảnh được tạo theo đoạn mã ở trên. Khi nhận được yêu cầu này, đoạn mã phía máy chủ sẽ kích hoạt một yêu cầu khác để gửi dữ liệu đến Google Analytics.

Bắt đầu

Để bắt đầu sử dụng đoạn mã phía máy chủ của Google Analytics, bạn phải:

1. Tải đoạn mã máy chủ xuống cho môi trường máy chủ của bạn.
2. Tải đoạn mã lên máy chủ của bạn.
3. Cập nhật các trang trên máy chủ bạn muốn theo dõi bằng mã cụ thể theo ngôn ngữ

Tải Thư viện xuống

Gói sau đây chứa đoạn mã phía máy chủ và ví dụ cho tất cả ngôn ngữ được hỗ trợ.

Gói	Kích thước	Giá trị tổng kiểm SHA1
googleanalyticsformobile.zip	35,7 KiB	9102c9d8f9ddd3f53f7330d41b3b14b73a662646

Sau khi tải xuống, bạn phải tải đoạn mã bằng ngôn ngữ bạn chọn lên máy chủ web của mình.

Cập nhật trang web của bạn

Sau khi tải đoạn mã phía máy chủ lên máy chủ web, bạn đã sẵn sàng để thêm mã theo dõi vào từng trang của mình. Nhấp vào thẻ xem hướng dẫn dành riêng cho ngôn ngữ lập trình.

Lưu ý: Bạn phải thay đổi tiền tố trên mã tài sản web Analytics từ UA- thành MO- trong đoạn mã phía máy chủ được cung cấp dưới đây. Ví dụ: nếu mã thuộc tính web của bạn là UA-12345-67, bạn sẽ sử dụng MO-12345-67 trong đoạn mã phía máy chủ.

1.199

Đoạn mã phía máy chủ cho PHP yêu cầu PHP 5.

Gói Google Analytics dành cho thiết bị di động PHP bao gồm một tệp có tên ga.php. Tệp này khi được tải sẽ ghi một hình ảnh nhỏ vào phản hồi. Để sử dụng tập lệnh này, bạn phải sao chép ga.php vào dự án để các tập lệnh PHP khác có thể truy cập được. Người dùng của bạn sẽ không truy cập trực tiếp, nhưng các tập lệnh PHP của riêng bạn sẽ chứa thẻ <img> HTML tham chiếu đến ga.php. Sau đó, mã ga.php sẽ gửi một yêu cầu đến dịch vụ Analytics và trả về dữ liệu hình ảnh hiển thị qua HTML.

Phương thức mẫu, googleAnalyticsGetImageUrl, được đưa vào gói để giúp bạn tạo URL hình ảnh đầy đủ. Dưới đây là tập lệnh mẫu:

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

Giờ đây, bạn chỉ cần gọi phương thức này và sử dụng URL kết quả làm thuộc tính src của thẻ <img> HTML. Phương thức này sẽ gửi một yêu cầu đến ga.php kèm theo thông số theo dõi có liên quan. ga.php sẽ gửi các thông số này đến dịch vụ Analytics và trả về hình ảnh để hiển thị:

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

JSP

Đoạn mã phía máy chủ cho Jetpack đã được kiểm thử trên Jetty 6.

Gói Jetpack Google Analytics dành cho thiết bị di động bao gồm tệp có tên ga.jsp. Tệp này khi được tải sẽ ghi một hình ảnh nhỏ vào phản hồi. Để sử dụng lớp này, bạn phải sao chép ga.jsp vào dự án của mình và đảm bảo rằng bạn bao gồm một mục ánh xạ trong web.xml hoặc cách khác để có thể truy cập vào mục này. Người dùng của bạn sẽ không truy cập trực tiếp vào ứng dụng đó, nhưng Jetpack riêng của bạn sẽ chứa một thẻ <img> HTML tham chiếu đến DEX này. Sau đó, mã ga.jsp sẽ gửi một yêu cầu đến dịch vụ Analytics và trả về dữ liệu hình ảnh hiển thị qua HTML.

Phương thức mẫu, googleAnalyticsGetImageUrl, được đưa vào gói tải xuống để giúp bạn tạo URL hình ảnh đầy đủ. Dưới đây là ví dụ IME:

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

Giờ đây, bạn chỉ cần gọi phương thức này và sử dụng URL kết quả làm thuộc tính src của thẻ <img> HTML. Phương thức này sẽ gửi một yêu cầu đến ga.jsp kèm theo thông số theo dõi có liên quan. ga.jsp sẽ gửi các thông số này đến dịch vụ Analytics và trả về hình ảnh để hiển thị:

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

ASP.net

Đoạn mã phía máy chủ cho ASP.NET đã được thử nghiệm trên IIS 6.0.

Gói Google Analytics for Mobile ASP.NET bao gồm một tệp có tên ga.aspx. Tệp này khi được tải sẽ ghi một hình ảnh nhỏ vào phản hồi. Để sử dụng mã này, bạn phải sao chép ga.aspx vào dự án để các ASP khác có thể truy cập được. Người dùng của bạn sẽ không truy cập trực tiếp vào mã này, nhưng các ASP của riêng bạn sẽ chứa một thẻ <img> HTML tham chiếu đến ga.aspx. Sau đó, mã ga.aspx sẽ gửi một yêu cầu đến dịch vụ Analytics và trả về dữ liệu hình ảnh hiển thị qua HTML.

Phương thức mẫu, GoogleAnalyticsGetImageUrl, được đưa vào gói tải xuống để giúp bạn tạo URL hình ảnh đầy đủ. Dưới đây là ASP mẫu:

<%@ 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>

Giờ đây, bạn chỉ cần gọi phương thức này và sử dụng URL kết quả làm thuộc tính src của thẻ <img> HTML. Phương thức này sẽ gửi một yêu cầu đến ga.aspx kèm theo thông số theo dõi có liên quan. ga.aspx sẽ gửi các thông số này đến dịch vụ Analytics và trả về hình ảnh để hiển thị:

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

Perl

Đoạn mã phía máy chủ cho Perl yêu cầu Perl 5.10.

Gói Google Analytics cho Perl trên thiết bị di động bao gồm một tệp có tên ga.pl. Tệp này khi được tải sẽ ghi một hình ảnh nhỏ vào phản hồi. Để sử dụng tập lệnh này, bạn phải sao chép ga.pl vào dự án để các tập lệnh Perl khác có thể truy cập vào tập lệnh này. Người dùng của bạn sẽ không truy cập trực tiếp vào tập lệnh, nhưng các tập lệnh Perl của riêng bạn sẽ chứa một thẻ <img> HTML tham chiếu đến ga.pl. Sau đó, mã ga.pl sẽ gửi một yêu cầu đến dịch vụ Analytics và trả về dữ liệu hình ảnh hiển thị qua HTML.

Một chương trình con mẫu, google_analytics_get_image_url, được đưa vào gói tải xuống để giúp bạn tạo URL hình ảnh đầy đủ. Dưới đây là tập lệnh mẫu:

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

Giờ đây, bạn chỉ cần gọi chương trình con này và sử dụng URL kết quả làm thuộc tính src của thẻ <img> HTML. Chương trình con này sẽ gửi một yêu cầu đến ga.pl kèm theo các thông số theo dõi có liên quan. ga.pl sẽ gửi các thông số này đến dịch vụ Analytics và trả về hình ảnh để hiển thị:

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