অ্যাডোব ফ্লেক্স সেটআপ

Adobe Flex ডেভেলপমেন্ট এনভায়রনমেন্টের জন্য Adobe Flash-এর জন্য Google Analytics ট্র্যাকিং সেট আপ করার জন্য আপনার যা কিছু জানা দরকার এই নথিতে রয়েছে।

ট্র্যাকিং লাইব্রেরি পান

কোডটি ডাউনলোড করুন (ZIP ফর্ম্যাট) http://code.google.com/p/gaforflash/downloads/list থেকে। Flex কম্পোনেন্ট ইনস্টল করতে readme.txt ফাইলের নির্দেশাবলী অনুসরণ করুন। অ্যানালিটিক্স ফ্ল্যাশ উপাদানগুলির বিপরীতে, ডাউনলোডে শুধুমাত্র একটি লাইব্রেরি ফাইল রয়েছে: /lib/analytics_flex.swc ।

আপনার প্রকল্পে কোড যোগ করুন

আপনি আপনার প্রোজেক্টে ট্র্যাকিং কোড ব্যবহার করা শুরু করার আগে, আপনাকে প্রোজেক্ট রিসোর্স হিসেবে ডাউনলোড করা SWC ফাইলটিকে লিঙ্ক করতে হবে।

1. প্রজেক্ট->প্রপার্টি নির্বাচন করুন। আপনার প্রকল্পের জন্য একটি বৈশিষ্ট্য ডায়ালগ বক্স প্রদর্শিত হবে।
2. ফ্লেক্স বিল্ড পাথ এ ক্লিক করুন এবং লাইব্রেরি পাথ ট্যাবটি নির্বাচন করুন।
3. লাইব্রেরি পাথ ফলকের মধ্যে SWC যোগ করুন... এ ক্লিক করুন। একটি অ্যাড SWC ডায়ালগ বক্স প্রদর্শিত হবে।
4. আপনি যেখানে Google Analytics API আনজিপ করেছেন সেখানে নেভিগেট করুন এবং lib/analytics.swc ফাইলটি নির্বাচন করুন এবং ঠিক আছে ক্লিক করুন।
   অথবা, analytics.swc ফাইলটি আপনার ফ্লেক্স প্রকল্প /libs ডিরেক্টরিতে ফেলে দিন।

উপরে ফিরে যাও

একটি ফ্লেক্স MXML কম্পোনেন্ট উদাহরণ

নিম্নলিখিত উদাহরণটি দেখায় কিভাবে একটি MXML ফাইলের ভিতরে একটি বোতামের জন্য ট্র্যাকিং সেট আপ করতে হয়। MXML উপাদান আরম্ভ করার জন্য, নিম্নলিখিতগুলি করুন:

• XML নেমস্পেস প্যারামিটার সেট করুন । আপনার ট্র্যাকিং অবজেক্টের XML নেমস্পেস প্যারামিটারটি নিম্নরূপ সেট করুন: xmlns:analytics="com.google.analytics.components.*"
• বস্তুর নাম সেট করুন । নীচের উদাহরণে, id প্যারামিটার tracker সেট করা হয়েছে।
• ওয়েব সম্পত্তি আইডির জন্য account প্যারামিটার ব্যবহার করুন । ওয়েব প্রপার্টি আইডি হল একটি অনন্য স্ট্রিং যা আপনার ফ্ল্যাশ সামগ্রীর কার্যকলাপ ট্র্যাক করতে এবং আপনার অ্যানালিটিক্স অ্যাকাউন্টের সঠিক ভিউতে (প্রোফাইল) সরবরাহ করতে ব্যবহৃত হয়।
• mode প্যারামিটার দিয়ে ট্র্যাকিং মোড সেট করুন । আপনি যদি একটি MXML ফাইল তৈরি করেন এবং ট্র্যাকিং বাস্তবায়নের একটি সহজ উপায় চান তাহলে প্যারামিটারের জন্য Bridge ব্যবহার করুন। আপনি ActionScript3 ব্যবহার করে কোডিং করতে স্বাচ্ছন্দ্য বোধ করলে AS3 ব্যবহার করুন। AS3 মোড আপনাকে সমস্ত GA ট্র্যাকিং ক্লাস আমদানি করতে দেয়, যেখান থেকে আপনি নিজের ট্র্যাকিং অবজেক্টগুলি তৈরি এবং কনফিগার করতে পারেন৷
• visualDebug প্যারামিটার দিয়ে ডিবাগ মোড সেট করুন । আপনার প্রোগ্রামের জন্য ডিবাগিং এবং বৈধতা চালু করতে true ব্যবহার করুন; অন্যথায়, উত্পাদন ব্যবহারের জন্য এটি false সেট করুন।

উদাহরণে, মঞ্চে একটি বোতাম mybutton যোগ করা হয়েছে। ফ্লেক্স ট্র্যাকিং উপাদানটি নাম tracker দিয়ে তাত্ক্ষণিক করা হয় এবং এর পরামিতিগুলির সাথে কনফিগার করা হয়। অবশেষে, একটি ক্লিক ইভেন্ট onButtonClick mybutton এ যোগ করা হয়েছে। যখন বোতামটি ক্লিক করা হয়, ভার্চুয়াল পেজভিউ /hello world একক গণনার সাথে বৃদ্ধি পায়।

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute" width="800" height="600"
    >

    <mx:Script>
            public function onButtonClick():void
            {
                tracker.trackPageview( "/hello world" );
            }
    </mx:Script>

    <analytics:FlexTracker
        xmlns:analytics="com.google.analytics.components.*"
        id="tracker"
        account="UA-111-222"
        mode="AS3"
        visualDebug="false"
     />

    <mx:Button id="mybutton" label="hello world" click="onButtonClick()" />

</mx:Application>

উপরে ফিরে যাও

একটি ফ্লেক্স অ্যাকশনস্ক্রিপ্ট 3 উদাহরণ

আরও জটিল পরিস্থিতিতে, আপনি সরাসরি আপনার ActionScript রিসোর্স ফাইল থেকে নেটিভ অ্যাকশনস্ক্রিপ্ট 3 ট্র্যাকিং ক্লাসে কল করতে চাইতে পারেন। যদিও এই উদাহরণটিও একটি MXML ফাইল, সমস্ত ট্র্যাকিং ইনস্ট্যান্টিয়েশন <MX:script> ট্যাগে করা হয়। এই একই প্রক্রিয়া অন্যান্য ActionScript 3 প্রকল্পে ট্র্যাকিং যোগ করতে ব্যবহার করা যেতে পারে।

এই উদাহরণে, একটি বোতাম mybutton স্টেজে যোগ করা হয়েছে। স্ক্রিপ্ট ট্যাগগুলিতে, দুটি লাইব্রেরি আমদানি করা হয়:

com.google.analytics.GATracker; //this is the actual tracking class
com.google.analytics.AnalyticsTracker; //this is an interface that the GATracker class implements

লাইব্রেরিগুলি আমদানি করার পরে, ট্র্যাকিং ভেরিয়েবল tracker তৈরি করা হয়। একবার অ্যাপ্লিকেশানটি স্টেজে যোগ করা হলে, onComplete বলা হয়, যা ট্র্যাকিং অবজেক্টকে ইনস্ট্যান্টিয়েট করে। GATracker অবজেক্টটি ইনস্ট্যান্ট করার জন্য আপনার যে চারটি প্যারামিটার প্রয়োজন তা হল:

• বর্তমান প্রদর্শন বস্তুর উল্লেখ করুন । নীচের উদাহরণে, this প্রদর্শন বস্তুর উল্লেখ করে।
• ওয়েব সম্পত্তি আইডি । ওয়েব প্রপার্টি আইডি হল একটি অনন্য স্ট্রিং যা আপনার ফ্ল্যাশ সামগ্রীর কার্যকলাপ ট্র্যাক করতে এবং আপনার অ্যানালিটিক্স অ্যাকাউন্টের সঠিক ভিউতে (প্রোফাইল) সরবরাহ করতে ব্যবহৃত হয়।
• ট্র্যাকিং মোড । বৈধ প্যারামিটার হল Bridge বা AS3 ।
• ডিবাগ মোড । প্রোডাকশন ব্যবহারের জন্য debug false এবং বৈধতা এবং সমস্যা সমাধানের জন্য true সেট করুন।

অবশেষে, myButton ক্লিক পদ্ধতিতে, onButtonClick ফাংশনটি আমাদের ট্র্যাকিং অবজেক্টের একটি ভার্চুয়াল পেজভিউ ট্র্যাক করে।

যখন এই অ্যাপ্লিকেশানটি চলে, যখনই একজন ব্যবহারকারী বোতামে ক্লিক করেন, তখন Google Analytics ট্র্যাকিং সার্ভারগুলিতে "হ্যালো ওয়ার্ল্ড" এর একটি ভার্চুয়াল পৃষ্ঠাভিউ পাঠানো হয়৷

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute"
    width="800" height="600"
    addedToStage="onComplete()"
    >
    <mx:Script>
        <![CDATA[
            import com.google.analytics.GATracker;
            import com.google.analytics.AnalyticsTracker;

            public var tracker:AnalyticsTracker;

            private function onComplete():void
            {
                tracker = new GATracker( this, "UA-111-222", "AS3", false );
            }

            public function onButtonClick():void
            {
                tracker.trackPageview( "/hello/world" );
            }

        ]]>
    </mx:Script>

    <mx:Button id="mybutton" label="hello world" click="onButtonClick()" />

</mx:Application>

উপরে ফিরে যাও