WebView 내에서 이벤트를 전송하거나 사용자 속성을 설정하면 해당 호출이 Google 애널리틱스로 전송되기 전에 네이티브 코드로 전달되어야 합니다.
자바스크립트 핸들러 구현
WebView에서 Google 애널리틱스를 사용하려면 먼저 이벤트 및 사용자 속성을 네이티브 코드로 전달하는 자바스크립트 함수를 만들어야 합니다. 다음 예에서는 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 코드를 호출하려면 WKScriptMessageHandler
프로토콜을 준수하는 메시지 핸들러 클래스를 만듭니다. userContentController:didReceiveScriptMessage: 콜백 안에서 Google 애널리틱스를 호출할 수 있습니다.
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)
}
}
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"]];
}
}
마지막으로 WebView의 사용자 콘텐츠 컨트롤러에 메시지 핸들러를 추가합니다.
Swift
참고: 이 Firebase 제품은 macOS 대상에서는 사용할 수 없습니다.
self.webView.configuration.userContentController.add(self, name: "firebase")
Objective-C
참고: 이 Firebase 제품은 macOS 대상에서는 사용할 수 없습니다.
[self.webView.configuration.userContentController addScriptMessageHandler:self
name:@"firebase"];
다음 단계
WebView에서 완벽하게 작동하는 Google 애널리틱스를 구현한 예를 보려면 analytics-webview 샘플을 참고하세요.