वेबव्यू में Analytics का इस्तेमाल करना


इवेंट को लॉग करने या वेबव्यू में ट्रिगर की गई उपयोगकर्ता प्रॉपर्टी सेट करने के लिए किए गए कॉल को Google Analytics पर भेजने से पहले, नेटिव कोड पर भेजा जाना चाहिए.

JavaScript हैंडलर लागू करना

वेबव्यू में Google Analytics का इस्तेमाल करने के लिए, सबसे पहले JavaScript फ़ंक्शन बनाएं. इनकी मदद से, इवेंट और उपयोगकर्ता प्रॉपर्टी को नेटिव कोड पर भेजा जा सकता है. नीचे दिए गए उदाहरण में, ऐसा करने का तरीका बताया गया है जो 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

नेटिव इंटरफ़ेस लागू करना

JavaScript से Apple का नेटिव कोड इस्तेमाल करने के लिए, WKScriptMessageHandler प्रोटोकॉल के मुताबिक मैसेज हैंडलर क्लास बनाएं. userContentController:didReceiveScriptMessage: कॉलबैक में, Google Analytics कॉल किए जा सकते हैं:

Swift

ध्यान दें: 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

Objective-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

आखिर में, वेबव्यू के उपयोगकर्ता कॉन्टेंट कंट्रोलर में मैसेज हैंडलर जोड़ें:

Swift

ध्यान दें: Firebase का यह प्रॉडक्ट, macOS टारगेट पर उपलब्ध नहीं है. 
self.webView.configuration.userContentController.add(self, name: "firebase")
ViewController.swift

Objective-C

ध्यान दें: Firebase का यह प्रॉडक्ट, macOS टारगेट पर उपलब्ध नहीं है. 
[self.webView.configuration.userContentController addScriptMessageHandler:self
                                                                     name:@"firebase"];
ViewController.m

अगले चरण

वेबव्यू में Google Analytics को पूरी तरह से लागू करने के लिए, analytics-webview सैंपल देखें.