모바일 웹사이트용 Google 애널리틱스

중요: 모바일 웹사이트용 Google 애널리틱스는 2014년 4월 2일부로 공식적으로 지원이 중단되었습니다. 측정 프로토콜로 업그레이드하는 것이 좋습니다.

개요

Google 애널리틱스 보고서에서 기대하는 모든 데이터를 이제 WAP 기반 휴대전화 또는 자바스크립트를 실행할 수 없는 기타 저가형 휴대기기를 타겟팅하는 데 사용할 수 있습니다. PHP, JSP, ASP.NET, Perl에서 사용할 수 있는 서버 측 코드 스니펫을 추적하려는 각 페이지에 붙여넣기만 하면 됩니다. 이 기능이 구현되면 Google 애널리틱스가 표준 애널리틱스 보고서에 세션 및 트래픽 소스 정보를 포함하여 동일한 종류의 정보를 생성합니다.

서버 측 스니펫이 구현되면 언어별 코드가 추적된 각 페이지에 배치해야 하는 이미지 태그의 URL을 생성합니다. 이미지의 URL은 서버 측 스니펫이 호스팅되는 URL과 동일합니다. 사용자가 휴대기기에서 추적된 페이지로 이동하면 모바일 브라우저에서 페이지를 로드한 다음 위의 스니펫으로 만든 이미지를 요청합니다. 서버 측 스니펫이 요청을 수신하면 다른 요청을 실행하여 Google 애널리틱스로 데이터를 전송합니다.

시작하기

Google 애널리틱스 서버 측 스니펫을 사용하려면 다음 요건을 충족해야 합니다.

1. 서버 환경에 맞는 서버 스니펫을 다운로드합니다.
2. 서버에 코드 스니펫을 업로드합니다.
3. 추적하려는 서버에서 언어별 코드를 업데이트합니다.

라이브러리 다운로드

다음 패키지에는 지원되는 모든 언어의 서버 측 스니펫과 예가 포함되어 있습니다.

패키지	크기	SHA1 체크섬
googleanalyticsformobile.zip	35.7 KiB	9102c9d8f9ddd3f53f7330d41b3b14b73a662646

다운로드가 완료되면 원하는 언어로 스니펫을 웹 서버에 업로드해야 합니다.

웹페이지 업데이트

서버 측 스니펫을 웹 서버에 업로드하면 각 페이지에 추적 코드를 추가할 수 있습니다. 프로그래밍 언어별 안내를 보려면 탭을 클릭하세요.

참고: 아래에 제공된 서버 측 스니펫에서 애널리틱스 웹 속성 ID의 접두사를 UA에서 MO-로 변경해야 합니다. 예를 들어 웹 속성 ID가 UA-12345-67이면 서버 측 스니펫에 MO-12345-67를 사용합니다.

2,399필리핀

PHP용 서버 측 스니펫은 PHP 5가 필요합니다.

모바일용 Google 애널리틱스 PHP 패키지에는 로드 시 작은 이미지를 응답에 작성하는 ga.php 파일이 포함되어 있습니다. 이를 사용하려면 다른 PHP 스크립트에서 액세스할 수 있도록 ga.php를 프로젝트에 복사해야 합니다. 사용자가 직접 이 인스턴스에 액세스하지는 않지만, 자체 PHP 스크립트에는 ga.php를 참조하는 HTML <img> 태그가 포함되어 있습니다. 그러면 ga.php 코드가 애널리틱스 서비스에 요청을 전송하고 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을 HTML <img> 태그의 src 속성으로 사용하기만 하면 됩니다. 이 메서드는 관련 추적 매개변수와 함께 ga.php에 요청을 전송합니다. ga.php는 이러한 매개변수를 애널리틱스 서비스에 전송하고 렌더링할 이미지를 반환합니다.

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

JSP

JSP용 서버 측 스니펫은 Jetty 6에서 테스트되었습니다.

모바일용 Google 애널리틱스 JSP 패키지에는 로드 시 작은 이미지를 응답에 작성하는 ga.jsp 파일이 포함되어 있습니다. 이를 사용하려면 ga.jsp를 프로젝트에 복사하고 web.xml 또는 다른 방식으로 액세스할 수 있는 매핑을 포함해야 합니다. 사용자가 직접 액세스하지는 않지만 자체 JSP에는 이 JSP를 참조하는 HTML <img> 태그가 포함됩니다. 그러면 ga.jsp 코드가 애널리틱스 서비스에 요청을 전송하고 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을 HTML <img> 태그의 src 속성으로 사용하기만 하면 됩니다. 이 메서드는 관련 추적 매개변수와 함께 ga.jsp에 요청을 전송합니다. ga.jsp는 이러한 매개변수를 애널리틱스 서비스에 전송하고 렌더링할 이미지를 반환합니다.

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

ASP.net

ASP.NET용 서버 측 스니펫은 IIS 6.0에서 테스트되었습니다.

모바일용 Google 애널리틱스 ASP.NET 패키지에는 로드 시 작은 이미지를 응답에 기록하는 ga.aspx 파일이 포함되어 있습니다. ga.aspx를 사용하려면 다른 ASP에서 액세스할 수 있도록 프로젝트에 복사해야 합니다. 사용자가 직접 ASP에 액세스하지는 않지만, 자체 ASP에는 ga.aspx을(를) 참조하는 HTML <img> 태그가 포함됩니다. 그러면 ga.aspx 코드가 애널리틱스 서비스에 요청을 전송하고 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을 HTML <img> 태그의 src 속성으로 사용하기만 하면 됩니다. 이 메서드는 관련 추적 매개변수와 함께 ga.aspx에 요청을 전송합니다. ga.aspx는 이러한 매개변수를 애널리틱스 서비스에 전송하고 렌더링할 이미지를 반환합니다.

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

Perl

Perl의 서버 측 스니펫은 Perl 5.10이 필요합니다.

모바일 Perl 패키지에는 ga.pl이라는 파일이 포함되어 있습니다. 이 파일은 로드 시 작은 이미지를 응답에 씁니다. 이 기능을 사용하려면 다른 Perl 스크립트에서 액세스할 수 있도록 ga.pl를 프로젝트에 복사해야 합니다. 사용자가 직접 액세스하지는 않지만 자체 Perl 스크립트에는 ga.pl를 참조하는 HTML <img> 태그가 포함됩니다. 그러면 ga.pl 코드가 애널리틱스 서비스에 요청을 전송하고 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을 HTML <img> 태그의 src 속성으로 사용하기만 하면 됩니다. 서브루틴은 관련 추적 매개변수와 함께 ga.pl에 요청을 전송합니다. ga.pl는 이러한 매개변수를 애널리틱스 서비스에 전송하고 렌더링할 이미지를 반환합니다.

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