একটি WebView এ Analytics ব্যবহার করুন

একটি WebView থেকে বহিস্কার করা ইভেন্টগুলি লগ ইন করতে বা ব্যবহারকারীর বৈশিষ্ট্য সেট করতে কলগুলিকে Google Analytics এ পাঠানোর আগে নেটিভ কোডে ফরোয়ার্ড করতে হবে৷

জাভাস্ক্রিপ্ট হ্যান্ডলার প্রয়োগ করুন

একটি WebView-এ Google Analytics ব্যবহার করার প্রথম ধাপ হল জাভাস্ক্রিপ্ট ফাংশন তৈরি করা যাতে ইভেন্ট এবং ব্যবহারকারীর বৈশিষ্ট্য নেটিভ কোডে ফরওয়ার্ড করা যায়। নিম্নলিখিত উদাহরণটি Android এবং Apple নেটিভ কোডের সাথে সামঞ্জস্যপূর্ণ এমন একটি উপায়ে কীভাবে এটি করতে হয় তা দেখায়:

function logEvent(name, params) {
  if (!name) {
    return;
  }

  if (window.AnalyticsWebInterface) {
    // Call Android interface
    window.AnalyticsWebInterface.logEvent(name, JSON.stringify(params));
  } else if (window.webkit
      && window.webkit.messageHandlers
      && window.webkit.messageHandlers.firebase) {
    // Call iOS interface
    var message = {
      command: 'logEvent',
      name: name,
      parameters: params
    };
    window.webkit.messageHandlers.firebase.postMessage(message);
  } else {
    // No Android or iOS interface found
    console.log("No native APIs found.");
  }
}

function setUserProperty(name, value) {
  if (!name || !value) {
    return;
  }

  if (window.AnalyticsWebInterface) {
    // Call Android interface
    window.AnalyticsWebInterface.setUserProperty(name, value);
  } else if (window.webkit
      && window.webkit.messageHandlers
      && window.webkit.messageHandlers.firebase) {
    // Call iOS interface
    var message = {
      command: 'setUserProperty',
      name: name,
      value: value
   };
    window.webkit.messageHandlers.firebase.postMessage(message);
  } else {
    // No Android or iOS interface found
    console.log("No native APIs found.");
  }
}index.js

আপনার WebView থেকে JavaScript হ্যান্ডলারকে কল করুন

আপনি পূর্ববর্তী ধাপে সংজ্ঞায়িত জাভাস্ক্রিপ্ট ফাংশনগুলিকে কল করে ওয়েবভিউ থেকে ইভেন্টগুলি সঠিকভাবে লগ করতে এবং ব্যবহারকারীর বৈশিষ্ট্যগুলি সেট করতে পারেন৷ নিম্নলিখিত উদাহরণটি দেখায় কিভাবে একটি ক্রয় ইভেন্টকে সঠিকভাবে লগ করতে হয় এবং একটি উদাহরণ হিসাবে একটি ব্যবহারকারীর সম্পত্তি সেট করতে হয়:

function logEventExample() {
   
   // Log an event named "purchase" with parameters
   logEvent("purchase", {
      content_type: "product",
      value: 123,
      currency: "USD",
      quantity: 2,
      items: [{
        item_id: "sample-item-id",
        item_variant: "232323"
      }],
      transaction_id: "1234567"
   });
}

function logUserPropertyExample() {
   // Set a user property named 'favorite_genre'
   setUserProperty("favorite_genre", "comedy")    
}

নেটিভ ইন্টারফেস প্রয়োগ করুন

জাভাস্ক্রিপ্ট থেকে নেটিভ অ্যাপল কোড আনতে, WKScriptMessageHandler প্রোটোকলের সাথে সামঞ্জস্যপূর্ণ একটি বার্তা হ্যান্ডলার ক্লাস তৈরি করুন। আপনি userContentController:didReceiveScriptMessage: callback: এর ভিতরে Google Analytics কল করতে পারেন

সুইফট

দ্রষ্টব্য: এই Firebase পণ্যটি macOS টার্গেটে উপলব্ধ নয়৷

func userContentController(_ userContentController: WKUserContentController,
                         didReceive message: WKScriptMessage) {
  guard let body = message.body as? [String: Any] else { return }
  guard let command = body["command"] as? String else { return }
  guard let name = body["name"] as? String else { return }

  if command == "setUserProperty" {
    guard let value = body["value"] as? String else { return }
    Analytics.setUserProperty(value, forName: name)
  } else if command == "logEvent" {
    guard let params = body["parameters"] as? [String: NSObject] else { return }
    Analytics.logEvent(name, parameters: params)
  }
}ViewController.swift

উদ্দেশ্য-C

- (void)userContentController:(WKUserContentController *)userContentController
      didReceiveScriptMessage:(WKScriptMessage *)message {
  if ([message.body[@"command"] isEqual:@"setUserProperty"]) {
    [FIRAnalytics setUserPropertyString:message.body[@"value"] forName:message.body[@"name"]];
  } else if ([message.body[@"command"] isEqual: @"logEvent"]) {
    [FIRAnalytics logEventWithName:message.body[@"name"] parameters:message.body[@"parameters"]];
  }
}ViewController.m

অবশেষে, ওয়েবভিউ এর ব্যবহারকারী বিষয়বস্তু নিয়ন্ত্রকের সাথে বার্তা হ্যান্ডলার যোগ করুন:

সুইফট

দ্রষ্টব্য: এই Firebase পণ্যটি macOS টার্গেটে উপলব্ধ নয়৷

self.webView.configuration.userContentController.add(self, name: "firebase")ViewController.swift

উদ্দেশ্য-C

দ্রষ্টব্য: এই Firebase পণ্যটি macOS টার্গেটে উপলব্ধ নয়৷

[self.webView.configuration.userContentController addScriptMessageHandler:self
                                                                     name:@"firebase"];ViewController.m

পরবর্তী পদক্ষেপ

একটি WebView-এ Google Analytics এর সম্পূর্ণ কার্যকরী বাস্তবায়নের জন্য, বিশ্লেষণ-ওয়েবভিউ নমুনা দেখুন।