मोबाइल वेबसाइटों के लिए Google Analytics

खास जानकारी

आपको अपनी Google Analytics रिपोर्ट से जिस डेटा की उम्मीद थी वह अब JavaScript का इस्तेमाल नहीं कर सकने वाले WAP-आधारित फ़ोन या दूसरे सस्ते मोबाइल डिवाइस को टारगेट करने के लिए उपलब्ध है. आप जिस पेज को ट्रैक करना चाहते हैं उस पर बस हमारे सर्वर साइड कोड स्निपेट (PHP, GCP, ASP.NET, और Perl के लिए उपलब्ध) चिपकाएं. लागू होने के बाद, Google Analytics स्टैंडर्ड Analytics रिपोर्ट में इसी तरह की जानकारी जनरेट करेगा. इसमें सेशन और ट्रैफ़िक सोर्स की जानकारी भी शामिल होगी.

सर्वर साइड स्निपेट लागू करने के बाद, भाषा के हिसाब से बनाया गया कोड, उस इमेज टैग के लिए एक यूआरएल जनरेट करेगा जिसे ट्रैक किए जाने वाले हर पेज पर डालना होगा. इमेज का यूआरएल वही यूआरएल होगा जिस पर सर्वर साइड स्निपेट को होस्ट किया गया है. जब कोई उपयोगकर्ता अपने मोबाइल डिवाइस से ट्रैक किए गए पेज पर जाता है, तो उसका मोबाइल ब्राउज़र, पेज को लोड कर देता है. इस तरह, ऊपर दिए गए स्निपेट से बनाई गई इमेज के लिए अनुरोध किया जाता है. जब सर्वर-साइड स्निपेट को अनुरोध मिलेगा, तो यह Google Analytics को डेटा भेजने का दूसरा अनुरोध ट्रिगर कर देगा.

शुरू करें

Google Analytics के सर्वर साइड स्निपेट का इस्तेमाल शुरू करने के लिए, आपको:

  1. अपने सर्वर एनवायरमेंट के लिए सर्वर स्निपेट डाउनलोड करें.
  2. अपने सर्वर पर कोड स्निपेट अपलोड करें.
  3. सर्वर के उन पेजों को अपडेट करें जिन्हें आप भाषा के हिसाब से अलग-अलग कोड के ज़रिए ट्रैक करना चाहते हैं

लाइब्रेरी डाउनलोड करें

नीचे दिए गए पैकेज में, सर्वर साइड स्निपेट और इस्तेमाल की जा सकने वाली सभी भाषाओं के उदाहरण शामिल हैं.

पैकेज साइज़ SHA1 चेकसम
googleanalyticsformobile.zip 35.7 केआईबी 9102c9d8f9ddd3f53f7330d41b3b14b73a662646

डाउनलोड करने के बाद, आपको वेब सर्वर पर अपनी पसंद की भाषा में स्निपेट अपलोड करना होगा.

अपने वेब पेज अपडेट करें

अपने वेब सर्वर पर सर्वर साइड स्निपेट अपलोड करने के बाद, आप अपने हर पेज पर ट्रैकिंग कोड जोड़ने के लिए तैयार हैं. प्रोग्रामिंग भाषा के हिसाब से निर्देश देखने के लिए, टैब पर क्लिक करें.

ध्यान दें: आपको नीचे दिए गए सर्वर साइड स्निपेट में, Analytics की वेब प्रॉपर्टी आईडी के प्रीफ़िक्स को UA- से MO- में बदलना होगा. उदाहरण के लिए, अगर आपकी वेब प्रॉपर्टी आईडी UA-12345-67 है, तो आपको अपने सर्वर साइड स्निपेट में MO-12345-67 का इस्तेमाल करना होगा.


PHP

PHP के सर्वर-साइड स्निपेट को PHP 5 की ज़रूरत है.

मोबाइल PHP पैकेज के लिए Google Analytics में ga.php नाम की एक फ़ाइल शामिल होती है, जो लोड होने पर जवाब में एक छोटी इमेज लिखती है. इसका इस्तेमाल करने के लिए, आपको अपने प्रोजेक्ट में ga.php को इस तरह कॉपी करना होगा जिससे कि आपकी दूसरी PHP स्क्रिप्ट उसे ऐक्सेस कर सकें. आपके उपयोगकर्ता इसे सीधे ऐक्सेस नहीं करेंगे, लेकिन आपकी खुद की PHP स्क्रिप्ट में एक एचटीएमएल <img> टैग होगा, जो ga.php का संदर्भ देता है. ga.php कोड, Analytics सेवा को एक अनुरोध भेजता है और एचटीएमएल के ज़रिए रेंडर किया गया इमेज डेटा दिखाता है.

पैकेज में, सैंपल के तौर पर एक तरीका googleAnalyticsGetImageUrl शामिल किया गया है, ताकि आपको इमेज का पूरा यूआरएल जनरेट करने में मदद मिल सके. स्क्रिप्ट का नमूना यहां दिया गया है:

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

अब आपको बस इस तरीके को कॉल करना है. साथ ही, नतीजे में मिलने वाले यूआरएल को एचटीएमएल <img> टैग के src एट्रिब्यूट के तौर पर इस्तेमाल करना है. यह तरीका, काम के ट्रैकिंग पैरामीटर के साथ ga.php को एक अनुरोध भेजेगा. ga.php इन पैरामीटर को Analytics सेवा को भेजेगा और इमेज को रेंडर करने के लिए दिखाएगा:

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

JSP

GCP के सर्वर-साइड स्निपेट की जांच Jetty 6 पर की गई है.

मोबाइल के लिए Google Analytics के JSON पैकेज में, ga.jsp नाम की एक फ़ाइल शामिल होती है. यह फ़ाइल लोड होने पर, रिस्पॉन्स में एक छोटी इमेज लिखती है. इसका इस्तेमाल करने के लिए, आपको अपने प्रोजेक्ट में ga.jsp को कॉपी करना होगा. साथ ही, यह पक्का करना होगा कि आपने web.xml में या ऐसा मैप शामिल किया हो जिसे ऐक्सेस किया जा सके. आपके उपयोगकर्ता इस जेएसपी को सीधे तौर पर ऐक्सेस नहीं करेंगे. हालांकि, आपके खुद के जेएसपी में एक एचटीएमएल <img> टैग होगा जो इस जेएसपी का रेफ़रंस देता है. ga.jsp कोड, Analytics सेवा को एक अनुरोध भेजता है और एचटीएमएल के ज़रिए रेंडर किया गया इमेज डेटा दिखाता है.

डाउनलोड पैकेज में, सैंपल के तौर पर एक तरीका googleAnalyticsGetImageUrl शामिल किया जाता है, ताकि आपको इमेज का पूरा यूआरएल जनरेट करने में मदद मिल सके. यहां CSS का नमूना दिया गया है:

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

अब आपको बस इस तरीके को कॉल करना है. साथ ही, नतीजे में मिलने वाले यूआरएल को एचटीएमएल <img> टैग के src एट्रिब्यूट के तौर पर इस्तेमाल करना है. यह तरीका, काम के ट्रैकिंग पैरामीटर के साथ ga.jsp को एक अनुरोध भेजेगा. ga.jsp इन पैरामीटर को Analytics सेवा को भेजेगा और इमेज को रेंडर करने के लिए दिखाएगा:

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

ASP.net

ASP.NET के सर्वर-साइड स्निपेट की जांच, IIS 6.0 पर की गई है.

मोबाइल के लिए Google Analytics ASP.NET पैकेज में ga.aspx नाम की एक फ़ाइल शामिल होती है, जो लोड होने पर, रिस्पॉन्स में एक छोटी इमेज लिखती है. इसका इस्तेमाल करने के लिए, आपको अपने प्रोजेक्ट में ga.aspx को इस तरह कॉपी करना होगा जिससे उसे आपके दूसरे एएसपी ऐक्सेस कर सकें. आपके उपयोगकर्ता इसे सीधे ऐक्सेस नहीं करेंगे. हालांकि, आपके एएसपी में एक एचटीएमएल <img> टैग होगा, जो ga.aspx का रेफ़रंस देता है. ga.aspx कोड, Analytics सेवा को एक अनुरोध भेजता है और एचटीएमएल के ज़रिए रेंडर किया गया इमेज डेटा दिखाता है.

डाउनलोड पैकेज में, सैंपल के तौर पर एक तरीका GoogleAnalyticsGetImageUrl शामिल किया जाता है, ताकि आपको इमेज का पूरा यूआरएल जनरेट करने में मदद मिल सके. एएसपी का सैंपल:

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

अब आपको बस इस तरीके को कॉल करना है. साथ ही, नतीजे में मिलने वाले यूआरएल को एचटीएमएल <img> टैग के src एट्रिब्यूट के तौर पर इस्तेमाल करना है. यह तरीका, काम के ट्रैकिंग पैरामीटर के साथ ga.aspx को एक अनुरोध भेजेगा. ga.aspx इन पैरामीटर को Analytics सेवा को भेजेगा और इमेज को रेंडर करने के लिए दिखाएगा:

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

Perl

Perl के सर्वर-साइड स्निपेट के लिए Perl 5.10 की ज़रूरत होती है.

मोबाइल के लिए Google Analytics पैकेज में ga.pl नाम की एक फ़ाइल शामिल होती है, जो लोड होने पर रिस्पॉन्स में एक छोटी इमेज लिखती है. इसका इस्तेमाल करने के लिए, आपको अपने प्रोजेक्ट में ga.pl को इस तरह कॉपी करना होगा कि आपकी दूसरी Perl स्क्रिप्ट से इसे ऐक्सेस किया जा सके. आपके उपयोगकर्ता इसे सीधे ऐक्सेस नहीं करेंगे, लेकिन आपकी Perl स्क्रिप्ट में एक एचटीएमएल <img> टैग होगा, जो ga.pl का रेफ़रंस देता है. ga.pl कोड, Analytics सेवा को एक अनुरोध भेजता है और एचटीएमएल के ज़रिए रेंडर किया गया इमेज डेटा दिखाता है.

सबरूटीन, google_analytics_get_image_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;
}

अब आपको बस इस सबरूटीन को शामिल करना है. साथ ही, नतीजे वाले यूआरएल को एचटीएमएल <img> टैग के src एट्रिब्यूट के तौर पर इस्तेमाल करना है. सबरूटीन, काम के ट्रैकिंग पैरामीटर के साथ ga.pl को अनुरोध भेजेगा. ga.pl इन पैरामीटर को Analytics सेवा को भेजेगा और इमेज को रेंडर करने के लिए दिखाएगा:

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