استخدم التحليلات في WebView

آي أو إس + أندرويد

يجب إعادة توجيه المكالمات لتسجيل الأحداث أو تعيين خصائص المستخدم التي يتم إطلاقها من داخل WebView إلى التعليمات البرمجية الأصلية قبل أن يتم إرسالها إلى Google Analytics.

تنفيذ معالج جافا سكريبت

تتمثل الخطوة الأولى في استخدام Google Analytics في WebView في إنشاء وظائف 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

تنفيذ الواجهة الأصلية

لاستدعاء رمز Apple الأصلي من JavaScript، قم بإنشاء فئة معالج رسائل تتوافق مع بروتوكول WKScriptMessageHandler . يمكنك إجراء مكالمات Google Analytics داخل userContentController:didReceiveScriptMessage: رد الاتصال:

سويفت

ملاحظة: منتج 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

ج موضوعية

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

ج موضوعية

ملاحظة: منتج Firebase هذا غير متوفر على هدف macOS.

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

الخطوات التالية

للحصول على التنفيذ الكامل لبرنامج Google Analytics في WebView، راجع نموذج عرض الويب للتحليلات .