মোবাইল ওয়েবসাইটের জন্য Google Analytics

ওভারভিউ

আপনার Google অ্যানালিটিক্স রিপোর্টগুলি থেকে আপনি যে সমস্ত একই ডেটা আশা করেছিলেন তা এখন WAP-ভিত্তিক ফোন বা অন্যান্য নিম্নমানের মোবাইল ডিভাইসগুলিকে লক্ষ্য করার জন্য উপলব্ধ যা জাভাস্ক্রিপ্ট চালাতে পারে না৷ আপনি ট্র্যাক করতে চান এমন প্রতিটি পৃষ্ঠায় কেবল আমাদের সার্ভার-সাইড কোড স্নিপেট (PHP, JSP, ASP.NET, এবং Perl-এর জন্য উপলব্ধ) পেস্ট করুন। একবার বাস্তবায়িত হলে, Google Analytics তারপর সেশন এবং ট্রাফিক সোর্স তথ্য সহ স্ট্যান্ডার্ড অ্যানালিটিক্স রিপোর্টে একই ধরনের তথ্য তৈরি করবে।

একবার সার্ভার সাইড স্নিপেট প্রয়োগ করা হলে, ভাষা নির্দিষ্ট কোড, একটি চিত্র ট্যাগের জন্য একটি URL তৈরি করবে যা প্রতিটি ট্র্যাক করা পৃষ্ঠায় স্থাপন করা প্রয়োজন। ছবিটির URL একই URL হবে যেখানে সার্ভার-সাইড স্নিপেট হোস্ট করা হয়েছে৷ যখন একজন ব্যবহারকারী তাদের মোবাইল ডিভাইস থেকে ট্র্যাক করা পৃষ্ঠায় নেভিগেট করে, তখন তাদের মোবাইল ব্রাউজারটি পৃষ্ঠাটি লোড করবে, যার ফলে, উপরের স্নিপেট দ্বারা তৈরি চিত্রটির জন্য একটি অনুরোধ করবে৷ যখন সার্ভার-সাইড স্নিপেট অনুরোধটি গ্রহণ করে, তখন এটি Google Analytics-এ ডেটা পাঠানোর জন্য আরেকটি অনুরোধ বন্ধ করে দেবে।

শুরু হচ্ছে

Google Analytics সার্ভার-সাইড স্নিপেট ব্যবহার শুরু করতে, আপনাকে অবশ্যই:

আপনার সার্ভার পরিবেশের জন্য সার্ভার স্নিপেট ডাউনলোড করুন।
আপনার সার্ভারে কোড স্নিপেট আপলোড করুন।
আপনি ভাষা নির্দিষ্ট কোড দিয়ে ট্র্যাক করতে চান সার্ভারের পৃষ্ঠাগুলি আপডেট করুন৷

লাইব্রেরি ডাউনলোড করুন

নিম্নলিখিত প্যাকেজে সার্ভার-সাইড স্নিপেট এবং সমস্ত সমর্থিত ভাষার উদাহরণ রয়েছে।

প্যাকেজ	আকার	SHA1 চেকসাম
googleanalyticsformobile.zip	35.7 কিবি	9102c9d8f9ddd3f53f7330d41b3b14b73a662646

একবার ডাউনলোড হয়ে গেলে, আপনাকে অবশ্যই আপনার পছন্দের ভাষায় স্নিপেটটি আপনার ওয়েব সার্ভারে আপলোড করতে হবে।

আপনার ওয়েব পেজ আপডেট করুন

একবার আপনি আপনার ওয়েব সার্ভারে সার্ভার সাইড স্নিপেট আপলোড করলে, আপনি আপনার প্রতিটি পৃষ্ঠায় ট্র্যাকিং কোড যোগ করতে প্রস্তুত। প্রোগ্রামিং ভাষার নির্দিষ্ট নির্দেশাবলীর জন্য ট্যাবে ক্লিক করুন।

দ্রষ্টব্য : নীচে দেওয়া সার্ভার-সাইড স্নিপেটগুলিতে আপনাকে অবশ্যই আপনার বিশ্লেষণ ওয়েব প্রপার্টি আইডির উপসর্গটি UA- থেকে MO-তে পরিবর্তন করতে হবে। উদাহরণস্বরূপ, যদি আপনার ওয়েব সম্পত্তি ID UA-12345-67 হয়, তাহলে আপনি আপনার সার্ভার-সাইড স্নিপেটে MO-12345-67 ব্যবহার করবেন।

পিএইচপি

PHP-এর সার্ভার-সাইড স্নিপেটের জন্য PHP 5 প্রয়োজন৷

মোবাইল পিএইচপি প্যাকেজের জন্য গুগল অ্যানালিটিক্সে ga.php নামে একটি ফাইল রয়েছে যা লোড করা হলে, প্রতিক্রিয়াতে একটি ছোট ছবি লেখে। এটি ব্যবহার করার জন্য, আপনাকে অবশ্যই আপনার প্রকল্পে ga.php অনুলিপি করতে হবে যাতে এটি আপনার অন্যান্য PHP স্ক্রিপ্ট দ্বারা অ্যাক্সেস করা যায়। আপনার ব্যবহারকারীরা সরাসরি এটি অ্যাক্সেস করবে না, তবে আপনার নিজস্ব পিএইচপি স্ক্রিপ্টে একটি HTML <img> ট্যাগ থাকবে যা ga.php উল্লেখ করে। পরিবর্তে, 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);
  }
?>

এখন, এই পদ্ধতিতে কল করা এবং এইচটিএমএল <img> ট্যাগের src অ্যাট্রিবিউট হিসাবে ফলাফল ইউআরএল ব্যবহার করা একটি সহজ ব্যাপার। পদ্ধতিটি প্রাসঙ্গিক ট্র্যাকিং পরামিতি সহ ga.php এ একটি অনুরোধ পাঠাবে। ga.php এই প্যারামিটারগুলিকে অ্যানালিটিক্স পরিষেবাতে পাঠাবে এবং রেন্ডার করার জন্য ছবিটি ফিরিয়ে দেবে:

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

জেএসপি

JSP-এর সার্ভার-সাইড স্নিপেট জেটি 6-এ পরীক্ষা করা হয়েছে।

মোবাইল জেএসপি প্যাকেজের জন্য Google অ্যানালিটিক্সে ga.jsp নামে একটি ফাইল রয়েছে যা লোড করা হলে, প্রতিক্রিয়াতে একটি ছোট ছবি লেখে। এটি ব্যবহার করতে, আপনাকে অবশ্যই আপনার প্রকল্পে ga.jsp অনুলিপি করতে হবে এবং নিশ্চিত করুন যে আপনি web.xml এ একটি ম্যাপিং অন্তর্ভুক্ত করেছেন বা অন্যথায় এটি অ্যাক্সেস করা যেতে পারে৷ আপনার ব্যবহারকারীরা সরাসরি এটি অ্যাক্সেস করবে না, তবে আপনার নিজস্ব JSP-তে একটি HTML <img> ট্যাগ থাকবে যা এই JSP-কে উল্লেখ করে। পরিবর্তে, 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;");
  }
%>

এখন, এই পদ্ধতিতে কল করা এবং এইচটিএমএল <img> ট্যাগের src অ্যাট্রিবিউট হিসাবে ফলাফল ইউআরএল ব্যবহার করা একটি সহজ ব্যাপার। পদ্ধতিটি প্রাসঙ্গিক ট্র্যাকিং প্যারামিটার সহ ga.jsp এ একটি অনুরোধ পাঠাবে। ga.jsp এই পরামিতিগুলিকে বিশ্লেষণ পরিষেবাতে পাঠাবে এবং রেন্ডার করার জন্য ছবিটি ফিরিয়ে দেবে:

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

ASP.net

ASP.NET-এর সার্ভার-সাইড স্নিপেট IIS 6.0-এ পরীক্ষা করা হয়েছে।

মোবাইল ASP.NET প্যাকেজের জন্য Google Analytics 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>

এখন, এই পদ্ধতিতে কল করা এবং এইচটিএমএল <img> ট্যাগের src অ্যাট্রিবিউট হিসাবে ফলাফল ইউআরএল ব্যবহার করা একটি সহজ ব্যাপার। পদ্ধতিটি প্রাসঙ্গিক ট্র্যাকিং পরামিতি সহ ga.aspx এ একটি অনুরোধ পাঠাবে। ga.aspx এই পরামিতিগুলিকে Analytics পরিষেবাতে পাঠাবে এবং রেন্ডার করার জন্য ছবিটি ফিরিয়ে দেবে:

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

পার্ল

পার্লের সার্ভার-সাইড স্নিপেটের জন্য পার্ল 5.10 প্রয়োজন।

মোবাইল পার্ল প্যাকেজের জন্য Google অ্যানালিটিক্সে ga.pl নামে একটি ফাইল রয়েছে যা লোড করা হলে প্রতিক্রিয়ার জন্য একটি ছোট ছবি লেখে। এটি ব্যবহার করার জন্য, আপনাকে অবশ্যই আপনার প্রকল্পে ga.pl অনুলিপি করতে হবে যাতে এটি আপনার অন্যান্য পার্ল স্ক্রিপ্ট দ্বারা অ্যাক্সেস করা যায়। আপনার ব্যবহারকারীরা সরাসরি এটি অ্যাক্সেস করবে না, তবে আপনার নিজস্ব পার্ল স্ক্রিপ্টে একটি HTML <img> ট্যাগ থাকবে যা ga.pl উল্লেখ করে। পরিবর্তে, 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;
}

এখন, এই সাবরুটিনকে কল করা এবং এইচটিএমএল <img> ট্যাগের src অ্যাট্রিবিউট হিসাবে ফলস্বরূপ ইউআরএল ব্যবহার করা একটি সহজ ব্যাপার। সাবরুটিন প্রাসঙ্গিক ট্র্যাকিং পরামিতি সহ ga.pl এ একটি অনুরোধ পাঠাবে। ga.pl এই পরামিতিগুলি বিশ্লেষণ পরিষেবাতে পাঠাবে এবং রেন্ডার করার জন্য চিত্রটি ফিরিয়ে দেবে:

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