সুইফটের জন্য শুরু করার নির্দেশিকা

Google ট্যাগ ম্যানেজার (GTM) এর মাধ্যমে স্ক্রীন ওপেন এবং বোতামে চাপ দেওয়া ইভেন্টগুলিকে ট্র্যাক করতে Swift-এ কীভাবে একটি iOS অ্যাপ তৈরি এবং প্রয়োগ করা যায় এই নির্দেশিকাটি বর্ণনা করে৷

1. একটি নতুন প্রকল্প তৈরি করুন

  1. Xcode খুলুন। একটি নতুন প্রকল্প তৈরি করুন
  2. একটি নতুন Xcode প্রকল্প তৈরি করুন ক্লিক করুন।
  3. একক দৃশ্য অ্যাপ্লিকেশন নির্বাচন করুন। একক দৃশ্য অ্যাপ্লিকেশন নির্বাচন করুন
  4. পরবর্তী ক্লিক করুন.
  5. আপনার প্রকল্পের নাম দিন এবং এর জন্য অতিরিক্ত বিকল্প বেছে নিন। আপনার প্রোজেক্টের নাম এবং অ্যাপের নাম পণ্যের নামের মতোই হবে।
    পণ্যের নাম এবং অন্যান্য বিকল্প লিখুন
  6. পরবর্তী ক্লিক করুন.
  7. একটি প্রকল্পের অবস্থান (ডিরেক্টরি) নির্বাচন করুন।
  8. তৈরি করুন ক্লিক করুন।

2. Google ট্যাগ ম্যানেজার নির্ভরতা ইনস্টল করুন

  1. এক্সকোড প্রস্থান করুন।
  2. একটি টার্মিনালে, Cocoapods ইনস্টল করতে নিম্নলিখিত কমান্ডটি চালান:
    $ sudo gem install cocoapods
    
  3. আপনার প্রকল্প ডিরেক্টরি পরিবর্তন করুন.
  4. Podfile নামে একটি ফাইল তৈরি করতে নিম্নলিখিত কমান্ডটি চালান:
    $ pod init
    
  5. Podfile এ, uncomment use_frameworks! এবং লক্ষ্যে pod 'GoogleTagManager' যোগ করুন:
  6. # Uncomment this line if you're using Swift
    use_frameworks!
    
    target 'GtmSwiftTutorial' do
      pod 'GoogleTagManager'
    end
    
  7. আপনার প্রকল্পে Google ট্যাগ ম্যানেজার (GTM) নির্ভরতা ডাউনলোড এবং ইনস্টল করতে নিম্নলিখিত কমান্ডটি চালান:
    $ pod install
    

    এই কমান্ডটি কাজের স্থান GtmSwiftTutorial.xcworkspace তৈরি করে। এখন থেকে, GtmSwiftTutorial অ্যাপ তৈরি করতে এই কাজের জায়গাটি ব্যবহার করুন।

3. অবজেক্টিভ-সি লাইব্রেরির জন্য একটি ব্রিজিং হেডার যোগ করুন

একটি ব্রিজিং হেডার ফাইল তৈরি করতে :

  1. Xcode খুলুন।
  2. ফাইল > নতুন > ফাইল ক্লিক করুন।
  3. iOS > উৎসের অধীনে, হেডার ফাইল নির্বাচন করুন।
  4. পরবর্তী ক্লিক করুন.
  5. শিরোনাম ফাইলের নাম লিখুন BridgingHeader.h .
    ব্রিজিং হেডার ফাইল তৈরি করুন
  6. তৈরি করুন ক্লিক করুন।
  7. হেডার ফাইলে এই import বিবৃতি যোগ করুন:
    #ifndef BridgingHeader_h
    #define BridgingHeader_h
    
    #import <GoogleTagManager/TAGManager.h>
    #import <GoogleTagManager/TAGContainer.h>
    #import <GoogleTagManager/TAGContainerOpener.h>
    #import <GoogleTagManager/TAGDataLayer.h>
    #import <GoogleTagManager/TAGLogger.h>
    
    #endif /* BridgingHeader_h */
    

বিল্ড সেটিংসে অবজেক্টিভ-সি ব্রিজিং হেডার যোগ করতে :

  1. এক্সকোডে, আপনার প্রকল্পে ক্লিক করুন।
  2. সম্পাদক এলাকায় বিল্ড সেটিংস ক্লিক করুন।
    বিল্ড সেটিংস ক্লিক করুন
  3. সমস্ত এবং সম্মিলিত নির্বাচন করুন এবং ব্রিজিংয়ের জন্য অনুসন্ধান করুন।
    সার্চ ব্রিজিং
  4. অবজেক্টিভ-সি ব্রিজিং হেডার সম্বলিত সারির ডান কলামে, BridgingHeader.h লিখুন।
    অবজেক্টিভ-সি ব্রিজিং হেডার হিসেবে BridgingHeader.h যোগ করুন

4. আপনার প্রকল্পে একটি ডিফল্ট ধারক যোগ করুন

আপনার প্রকল্পে একটি ডিফল্ট ধারক যোগ করার আগে, একটি মোবাইল ধারক বাইনারি ডাউনলোড করুন:

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. মেনু বারে সংস্করণ ক্লিক করুন.
  4. নির্বাচিত কন্টেইনার সংস্করণে অ্যাকশন > ডাউনলোড ক্লিক করুন।
  5. ডাউনলোড করা ফাইলের নাম হল কন্টেইনার আইডি, উদাহরণস্বরূপ, GTM-PT3L9Z

আপনার প্রকল্পে একটি ডিফল্ট ধারক বাইনারি যোগ করতে:

  1. Xcode খুলুন।
  2. ডকের ফাইন্ডার আইকনে ক্লিক করুন।
  3. Downoloads ফোল্ডারে ক্লিক করুন।
  4. Downloads ফোল্ডারে ধারক বাইনারি ফাইলটি টেনে আনুন এবং আপনার Xcode প্রকল্পের রুট ফোল্ডারে ফেলে দিন।
  1. Xcode-এ, AppDelegate.swift ফাইল খুলুন।
  2. AppDelegate ক্লাসকে TAGContainerOpenerNotifier ক্লাস প্রসারিত করুন:
    import UIKit
    
    @UIApplicationMain
    class AppDelegate: UIResponder, UIApplicationDelegate, TAGContainerOpenerNotifier {
      // ...
    }
    

    আপনি ক্লাস বাড়ানোর পরে, আপনি Type 'AppDelegate' does not conform to protocol 'TAGContainerOpenerNotifier' নিম্নলিখিত পদক্ষেপটি এই ত্রুটিটি ঠিক করবে।

  3. AppDelegate ক্লাস সংজ্ঞার নীচে নিম্নলিখিত ফাংশন যোগ করুন:
    func containerAvailable(container: TAGContainer!) {
      container.refresh()
    }
    
  4. application ফাংশনে, return true স্টেটমেন্টের আগে নিম্নলিখিত কোড যোগ করুন:
    let GTM = TAGManager.instance()
    GTM.logger.setLogLevel(kTAGLoggerLogLevelVerbose)
    
    TAGContainerOpener.openContainerWithId("GTM-PT3L9Z",  // change the container ID "GTM-PT3L9Z" to yours
        tagManager: GTM, openType: kTAGOpenTypePreferFresh,
        timeout: nil,
        notifier: self)
    

6. পর্দা খোলা ইভেন্ট ট্র্যাক

একটি পর্দা খোলা ইভেন্ট ট্র্যাক করতে:

  1. ট্র্যাকিং আইডি সংরক্ষণ করার জন্য একটি ভেরিয়েবল তৈরি করুন।
  2. screenName নামে একটি ডাটা লেয়ার ভেরিয়েবল তৈরি করুন।
  3. স্ক্রীন ভিউ শিরোনামে একটি GTM ট্যাগ তৈরি করুন।
  4. স্ক্রিন ট্র্যাকিং কোড যোগ করুন।

ক ট্র্যাকিং আইডি সংরক্ষণ করার জন্য একটি ভেরিয়েবল তৈরি করুন

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. বাম নেভিগেশন বারে, ভেরিয়েবলে ক্লিক করুন।
  4. ব্যবহারকারী-সংজ্ঞায়িত ভেরিয়েবলের অধীনে, নতুন ক্লিক করুন।
  5. পরিবর্তনশীল নাম ট্র্যাকিং আইডি লিখতে শিরোনামবিহীন ভেরিয়েবলে ক্লিক করুন।
  6. পরিবর্তনশীল প্রকার হিসাবে ধ্রুবক নির্বাচন করুন।
  7. ভেরিয়েবলের মান হিসেবে ট্র্যাকিং আইডি লিখুন ( UA-XXXXXXXX-X আকারে, যেখানে X একটি সংখ্যা)।
    UA-47605289-5 ব্যবহার করুন (মুছে দিতে হবে)।
  8. পরিবর্তনশীল তৈরি করুন ক্লিক করুন।

খ. screenName নামে একটি ডাটা লেয়ার ভেরিয়েবল তৈরি করুন

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. বাম নেভিগেশন বারে, ভেরিয়েবলে ক্লিক করুন।
  4. ব্যবহারকারী-সংজ্ঞায়িত ভেরিয়েবলের অধীনে, নতুন ক্লিক করুন।
  5. শিরোনামবিহীন ভেরিয়েবলে ক্লিক করুন শিরোনাম স্ক্রীন নাম লিখুন।
  6. ভেরিয়েবল টাইপ হিসাবে ডেটা লেয়ার ভেরিয়েবল বেছে নিন।
  7. ডাটা লেয়ার ভেরিয়েবলের নাম হিসেবে স্ক্রীনের নাম লিখুন।
  8. সেট ডিফল্ট মান ক্লিক করুন.
  9. ডিফল্ট মান অজানা পর্দা লিখুন.
  10. পরিবর্তনশীল তৈরি করুন ক্লিক করুন।

গ. স্ক্রিন ভিউ শিরোনামে একটি GTM ট্যাগ তৈরি করুন

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. বাম নেভিগেশন বারে, ট্যাগ-এ ক্লিক করুন।
  4. নতুন ক্লিক করুন.
  5. স্ক্রীন ভিউ ট্যাগ নাম লিখতে শিরোনামহীন ট্যাগে ক্লিক করুন।
  6. পণ্য Google Analytics চয়ন করুন.
  7. তালিকা থেকে ট্র্যাকিং আইডি নির্বাচন করুন।
  8. ট্র্যাক টাইপ হিসাবে অ্যাপ ভিউ নির্বাচন করুন।
  9. আরো সেটিংস ক্লিক করুন.
  10. সেট করতে ক্ষেত্রগুলিতে ক্লিক করুন।
  11. ক্লিক করুন + ক্ষেত্র যোগ করুন
  12. ক্ষেত্রের নাম screenName এবং এর মান Screen Name নির্বাচন করুন।
  13. অবিরত ক্লিক করুন.
  14. ফায়ার অন এর অধীনে, যেকোনো ইভেন্ট নির্বাচন করুন।
  15. ট্যাগ তৈরি করুন ক্লিক করুন।

d স্ক্রিন ট্র্যাকিং কোড যোগ করুন

  1. Xcode-এ ViewController.swift ফাইল খুলুন।
  2. ViewController ক্লাসের ভিতরে dataLayer নামের একটি পরিবর্তনশীল সংজ্ঞায়িত করুন:
    var dataLayer: TAGDataLayer = TAGManager.instance().dataLayer
    
  3. viewDidLoad() ফাংশনে, OpenScreen ইভেন্টটিকে ডাটা স্তরে পুশ করুন:
    dataLayer.push(["event": "OpenScreen", "screenName": "Home Screen"])
    

ViewController ক্লাসের সংজ্ঞাটি এইরকম দেখাচ্ছে:

import UIKit

class ViewController: UIViewController {
  var dataLayer: TAGDataLayer = TAGManager.instance().dataLayer

  override func viewDidLoad() {
    super.viewDidLoad()
    dataLayer.push(["event": "OpenScreen", "screenName": "Home Screen"])
  }

  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that cant be recreated
  }
}

7. ট্র্যাক বোতাম চাপা ঘটনা

একটি বোতাম চাপা ইভেন্ট ট্র্যাক করতে:

  1. EventAction নামে একটি ডেটা লেয়ার ভেরিয়েবল তৈরি করুন।
  2. ইভেন্ট নামে একটি কাস্টম ইভেন্ট ভেরিয়েবল তৈরি করুন।
  3. বোতাম প্রেসড শিরোনামে একটি GTM ট্যাগ তৈরি করুন।
  4. একটি বোতাম তৈরি করুন এবং বোতাম টিপানো হয়েছে তা ট্র্যাক করতে কোড যোগ করুন।

ক EventAction নামে একটি ডেটা লেয়ার ভেরিয়েবল তৈরি করুন

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. বাম নেভিগেশন বারে, ভেরিয়েবলে ক্লিক করুন।
  4. ব্যবহারকারী-সংজ্ঞায়িত ভেরিয়েবলের অধীনে, নতুন ক্লিক করুন।
  5. ইভেন্ট অ্যাকশন শিরোনাম লিখতে শিরোনামবিহীন ভেরিয়েবলে ক্লিক করুন।
  6. ভেরিয়েবল টাইপ হিসাবে ডেটা লেয়ার ভেরিয়েবল বেছে নিন।
  7. ডেটা লেয়ার ভেরিয়েবলের নাম হিসাবে eventAction লিখুন।
  8. সেট ডিফল্ট মান ক্লিক করুন.
  9. ডিফল্ট মান অজানা ইভেন্ট লিখুন।
  10. পরিবর্তনশীল তৈরি করুন ক্লিক করুন।

খ. ইভেন্ট নামে একটি কাস্টম ইভেন্ট ভেরিয়েবল তৈরি করুন

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. বাম নেভিগেশন বারে, ভেরিয়েবলে ক্লিক করুন।
  4. ব্যবহারকারী-সংজ্ঞায়িত ভেরিয়েবলের অধীনে, নতুন ক্লিক করুন।
  5. পরিবর্তনশীল নাম ইভেন্ট লিখতে শিরোনামবিহীন ভেরিয়েবলে ক্লিক করুন।
  6. পরিবর্তনশীল প্রকার হিসাবে কাস্টম ইভেন্ট নির্বাচন করুন।
  7. পরিবর্তনশীল তৈরি করুন ক্লিক করুন।

গ. বোতাম প্রেসড শিরোনামে একটি GTM ট্যাগ তৈরি করুন

  1. আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে সাইন ইন করুন।
  2. একটি মোবাইল ধারক নির্বাচন করুন।
  3. বাম নেভিগেশন বারে, ট্যাগ-এ ক্লিক করুন।
  4. নতুন ক্লিক করুন.
  5. ট্যাগ নাম লিখতে শিরোনামহীন ট্যাগে ক্লিক করুন বাটন চাপা
  6. পণ্য Google Analytics চয়ন করুন.
  7. তালিকা থেকে ট্র্যাকিং আইডি নির্বাচন করুন।
  8. ট্র্যাক টাইপ হিসাবে ইভেন্ট নির্বাচন করুন।
  9. ইভেন্ট বিভাগ নির্বাচন করুন।
  10. ইভেন্ট অ্যাকশন নির্বাচন করুন।
  11. অবিরত ক্লিক করুন.
  12. ফায়ার অন এর অধীনে, যেকোনো ইভেন্ট নির্বাচন করুন।
  13. ট্যাগ তৈরি করুন ক্লিক করুন।

d একটি বোতাম তৈরি করুন এবং বোতাম টিপানো হয়েছে তা ট্র্যাক করতে কোড যোগ করুন

  1. আপনার এক্সকোড প্রকল্প খুলুন।
  2. Main.storyboard খুলুন।
  3. ইউটিলিটি এলাকা (ডান সাইডবার) খুলতে Xcode টুলবারে উপরের ডানদিকের বোতামে ক্লিক করুন। স্টোরি বোর্ড এবং ইউটিলিটি এলাকা
  4. ইউটিলিটি এলাকার নীচে,
    অবজেক্ট লাইব্রেরি খুলতে নীল বোতাম

    অবজেক্ট লাইব্রেরি বাটনে ক্লিক করুন (নীল বোতাম):

    অবজেক্ট লাইব্রেরি পপআপ উইন্ডো
  5. অনুসন্ধান বাক্সে বোতাম লিখুন.
    অবজেক্ট লাইব্রেরিতে বোতাম
  6. স্টোরিবোর্ডে বোতাম টেনে আনুন এবং উপরের বাম কোণায় ফেলে দিন।
    স্টোরিবোর্ডে বোতামটি টেনে আনুন
  7. সহকারী সম্পাদক বোতামে ক্লিক করুন সহকারী সম্পাদক বোতাম Xcode টুলবারে।
  8. Ctrl কী ধরে রাখার সময়, বোতামটি টেনে আনুন এবং ViewController ক্লাস সংজ্ঞার নীচে ফেলে দিন।
    ভিউকন্ট্রোলার ক্লাস সংজ্ঞায় বোতামটি টেনে আনুন
  9. ডায়ালগে, অ্যাকশন সংযোগ নির্বাচন করুন, ফাংশনের নাম লিখুন বাটন চাপুন এবং সংযোগ ক্লিক করুন।
    বোতাম-চাপানো ইভেন্ট পরিচালনা করতে কোড তৈরি করুন

    এটি ViewController ক্লাস সংজ্ঞার শেষে নিম্নলিখিত ফাংশন যোগ করে:

    @IBAction func buttonPressed(sender: AnyObject) {
    }
    

    প্রতিবার বোতাম টিপলে ফাংশনটি কার্যকর হয়।

  10. buttonPressed ফাংশনে, ButtonPressed ইভেন্টটিকে দিনের স্তরে পুশ করতে নিম্নলিখিত কোডটি যোগ করুন:
    @IBAction func buttonPressed(sender: AnyObject) {
      dataLayer.push(["event": "ButtonPressed", "eventAction": "Test Event"])
    }
    

8. আপনার অ্যাপ তৈরি করুন এবং চালান

এক্সকোডে, পণ্য > চালান ক্লিক করুন। Xcode অ্যাপটি তৈরি করবে এবং চালাবে:

লঞ্চ করা অ্যাপের স্ক্রিনশট