Google Analytics для мобильных веб-сайтов

Важно! Поддержка Google Analytics для мобильных веб-сайтов официально прекращена 2 апреля 2014 года. Мы рекомендуем вам перейти на Measurement Protocol .

Обзор

Все те же данные, которые вы ожидаете от своих отчетов Google Analytics, теперь доступны для таргетинга на телефоны на базе WAP или другие мобильные устройства начального уровня, которые не могут выполнять JavaScript. Просто вставьте фрагменты нашего серверного кода (доступны для PHP, JSP, ASP.NET и Perl) на каждую страницу, которую вы хотите отслеживать. После внедрения Google Analytics создаст такую ​​же информацию в стандартных отчетах Analytics, включая информацию о сеансе и источнике трафика.

После реализации фрагмента на стороне сервера код, специфичный для языка, сгенерирует URL-адрес для тега изображения, который необходимо разместить на каждой отслеживаемой странице. URL-адрес изображения будет тот же URL-адрес, на котором размещен фрагмент на стороне сервера. Когда пользователь переходит на отслеживаемую страницу со своего мобильного устройства, его мобильный браузер загружает страницу, которая, в свою очередь, выполняет запрос изображения, созданного фрагментом выше. Когда серверный фрагмент получит запрос, он отправит еще один запрос на отправку данных в Google Analytics.

Начиная

Чтобы начать использовать серверный фрагмент Google Analytics, вам необходимо:

1. Загрузите фрагмент сервера для вашей серверной среды.
2. Загрузите фрагмент кода на свой сервер.
3. Обновите страницы на сервере, который вы хотите отслеживать, используя код конкретного языка.

Загрузите библиотеку

Следующий пакет содержит фрагменты кода и примеры на стороне сервера для всех поддерживаемых языков.

Упаковка	Размер	Контрольная сумма SHA1
Googleanalyticsformobile.zip	35,7 КиБ	9102c9d8f9ddd3f53f7330d41b3b14b73a662646

После загрузки вы должны загрузить фрагмент на выбранном вами языке на свой веб-сервер.

Обновите свои веб-страницы

После того как вы загрузили серверный фрагмент на свой веб-сервер, вы готовы добавить код отслеживания на каждую из своих страниц. Нажмите на вкладку, чтобы просмотреть инструкции для конкретного языка программирования.

Примечание . Вам необходимо изменить префикс идентификатора веб-ресурса аналитики с UA- на MO- в приведенных ниже фрагментах на стороне сервера. Например, если идентификатор вашего веб-ресурса — UA-12345-67 , в серверных фрагментах следует использовать MO-12345-67 .

PHP

Для серверного фрагмента PHP требуется PHP 5.

Пакет PHP Google Analytics для мобильных устройств включает файл с именем ga.php , который при загрузке записывает в ответ небольшое изображение. Чтобы использовать его, вам необходимо скопировать ga.php в свой проект, чтобы к нему могли получить доступ другие ваши PHP-скрипты. Ваши пользователи не будут иметь к нему прямого доступа, но ваши собственные PHP-скрипты будут содержать HTML-тег <img> , который ссылается на ga.php . Код ga.php , в свою очередь, отправляет запрос в службу Analytics и возвращает данные изображения, которые отображаются через HTML.

В пакет включен пример метода googleAnalyticsGetImageUrl , который поможет вам сгенерировать полный URL-адрес изображения. Вот пример сценария:

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

Теперь достаточно просто вызвать этот метод и использовать полученный URL-адрес в качестве атрибута src тега HTML <img> . Метод отправит запрос на ga.php с соответствующими параметрами отслеживания. ga.php отправит эти параметры в службу Analytics и вернет изображение для рендеринга:

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

ДСП

Серверный фрагмент JSP был протестирован на Jetty 6.

Пакет JSP Google Analytics для мобильных устройств включает файл с именем ga.jsp , который при загрузке записывает в ответ небольшое изображение. Чтобы использовать его, вам необходимо скопировать ga.jsp в свой проект и убедиться, что вы включили сопоставление в web.xml или в другом месте, чтобы к нему можно было получить доступ. Ваши пользователи не будут иметь к нему прямого доступа, но ваши собственные JSP будут содержать тег HTML <img> , который ссылается на этот JSP. Код ga.jsp , в свою очередь, отправляет запрос в службу Analytics и возвращает данные изображения, которые обрабатываются через HTML.

В пакет загрузки включен пример метода googleAnalyticsGetImageUrl , который поможет вам сгенерировать полный URL-адрес изображения. Вот пример 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;");
  }
%>

Теперь достаточно просто вызвать этот метод и использовать полученный URL-адрес в качестве атрибута src тега HTML <img> . Метод отправит запрос в ga.jsp с соответствующими параметрами отслеживания. ga.jsp отправит эти параметры в службу Analytics и вернет изображение для рендеринга:

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

АСП.нет

Серверный фрагмент для ASP.NET был протестирован на IIS 6.0.

Пакет Google Analytics для мобильных устройств ASP.NET включает файл с именем ga.aspx , который при загрузке записывает в ответ небольшое изображение. Чтобы использовать его, вам необходимо скопировать ga.aspx в свой проект, чтобы к нему могли получить доступ другие ваши ASP. Ваши пользователи не будут иметь к нему прямого доступа, но ваши собственные ASP будут содержать HTML-тег <img> , который ссылается на ga.aspx . Код ga.aspx , в свою очередь, отправляет запрос в службу Analytics и возвращает данные изображения, которые обрабатываются через HTML.

В пакет загрузки включен пример метода GoogleAnalyticsGetImageUrl , который поможет вам создать полный URL-адрес изображения. Вот пример 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>

Теперь достаточно просто вызвать этот метод и использовать полученный URL-адрес в качестве атрибута src тега HTML <img> . Метод отправит запрос в ga.aspx с соответствующими параметрами отслеживания. ga.aspx отправит эти параметры в службу Analytics и вернет изображение для рендеринга:

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

Перл

Для серверного фрагмента Perl требуется Perl 5.10.

Пакет Google Analytics for Mobile Perl включает файл с именем ga.pl , который при загрузке записывает в ответ небольшое изображение. Чтобы использовать его, вам необходимо скопировать ga.pl в свой проект, чтобы к нему могли получить доступ другие ваши сценарии Perl. Ваши пользователи не будут иметь к нему прямого доступа, но ваши собственные сценарии Perl будут содержать тег HTML <img> , который ссылается на ga.pl Код ga.pl , в свою очередь, отправляет запрос в службу Analytics и возвращает данные изображения, которые обрабатываются с помощью HTML.

В пакет загрузки включен пример подпрограммы google_analytics_get_image_url , которая поможет вам сгенерировать полный URL-адрес изображения. Вот пример сценария:

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

Теперь достаточно просто вызвать эту подпрограмму и использовать полученный URL-адрес в качестве атрибута src тега HTML <img> . Подпрограмма отправит запрос на ga.pl с соответствующими параметрами отслеживания. ga.pl отправит эти параметры в службу Analytics и вернет изображение для рендеринга:

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