Реализовать обработчик JavaScript
Первым шагом в использовании 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."); } }
Реализовать собственный интерфейс
Чтобы вызвать собственный код Apple из JavaScript, создайте класс обработчика сообщений, соответствующий протоколу WKScriptMessageHandler
. Вы можете выполнять вызовы Google Analytics внутри userContentController:didReceiveScriptMessage:
Быстрый
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) } }
Цель-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"]]; } }
Наконец, добавьте обработчик сообщений в контроллер пользовательского контента веб-просмотра:
Быстрый
self.webView.configuration.userContentController.add(self, name: "firebase")
Цель-C
[self.webView.configuration.userContentController addScriptMessageHandler:self name:@"firebase"];
Следующие шаги
Полнофункциональную реализацию Google Analytics в WebView см. в примере Analytics-WebView .