找回密码
 加入怎通
查看: 235|回复: 1

如何知道页面浏览时长?(如何知道页面浏览时长呢)

[复制链接]
我来看看 发表于 2023-03-22 02:41:14 | 显示全部楼层 |阅读模式
2 n4 I! U- k: @

1. 前言页面浏览时长是用于统计用户在页面的停留时长对于神策分析 iOS SDK 而言,在没有推出页面浏览时长自动采集功能之前,客户是通过手动调用开始计时和结束计时的相关接口实现页面浏览时长采集的这种手动采集的方式对客户业务代码侵入性大,并且客户使用的成本较高。

, q/ r4 z: {2 E$ p1 m9 W+ x- P

因此,为了解决上述问题,神策分析 iOS SDK 3.1.5[1] 版本推出了页面浏览时长自动采集功能[2]该功能无需用户手动调用接口,即可实现自动采集页面浏览时长在实现此功能的过程中,我们做了很多尝试,下面先来看一下自动采集页面浏览时长的两种方案。

+ L$ ?0 s. ?5 z) k, M

2. 采集方案分析2.1. 方案一此方案主要是针对单页面的情况,采集原理是:当进入某个页面或者应用进入前台时定时器开始计时;当应用退到后台或者进入一个新的页面时(此时视为当前页面已经消失)结束计时具体的采集逻辑如下:。

4 m9 I% B Q* {6 Z

当收到应用进入前台的通知时,定时器开始计时;当执行到页面的生命周期方法 - viewDidAppear: 时,触发上一个页面的关闭事件并记录页面浏览时长,同时开始当前页面的计时;当收到应用进入后台的通知时,触发当前页面的关闭事件并记录页面浏览时长。

+ R9 ~9 q9 x; w! U0 A) Z

优点:采集逻辑简单;业务代码侵入性小;埋点成本低;应用强杀可以正常采集页面浏览时长缺点:不支持多页面,不能满足父子页面同时存在时的采集需求;不支持暂停和恢复计时器2.2. 方案二此方案既支持单页面的情况,也支持多页面的情况。

( ?# k1 H: ]" L4 h

采集原理是:当进入某个页面或者应用进入前台时定时器开始计时,当页面已经消失或者应用退到后台时结束计时具体采集逻辑如下:当收到应用进入前台的通知时,定时器开始计时;当执行到页面的生命周期方法 - viewDidAppear: 时,定时器开始计时;

, C3 Q' ]4 ]. }; v7 _& `

当收到应用进入后台的通知时,定时器结束计时,触发当前页面的关闭事件并记录页面浏览时长;当执行到页面的生命周期方法 - viewDidDisappear: 时,定时器结束计时,触发当前页面的关闭事件并记录页面浏览时长。

" x( `3 s, s: w* }( L

优点:支持多页面;业务代码侵入性小;埋点成本低;应用强杀可以正常采集页面浏览时长缺点:弹出的子页面遮挡了父页面,父页面只要没有执行 - viewDidDisappear: 方法就不会结束计时;不支持暂停和恢复计时器。

+ ^( P8 p+ p& w6 z6 h/ l+ j

2.3. 小结通过上述分析,我们可以知道两种方案各有利弊不过方案一不支持多页面的场景,因此最终我们选择了方案二作为自动采集页面浏览时长的方案3. 具体实现在介绍自动采集页面浏览时长[2]的具体实现之前,我们先来看下 SDK 生命周期的概念。

2 b- A# f( m! z$ ~

3.1. SDK 生命周期SDK 生命周期是结合了应用的生命周期和 SDK 的内部逻辑,列举了 SDK 需要的状态:// SDK 生命周期状态2 S5 d; N6 m- a4 ` Q. N5 l typedef NS_ENUM(NSUInteger, SAAppLifecycleState) {0 B. {8 d4 q8 a% }# J( [ SAAppLifecycleStateInit,; }1 f' I0 H) o; K9 P SAAppLifecycleStateStart, // 应用冷(热)启动# K( i' {. a2 n. p/ ]4 e SAAppLifecycleStateStartPassively, // 被动启动[3]. H% Q9 d8 _( s3 C SAAppLifecycleStateEnd, // 退出3 ]0 f% X& o( t( b SAAppLifecycleStateTerminate, // 终止- o$ K6 A. w& Y( p( t9 w };

& D% e& L3 p9 A0 Q2 S! a( y. d% g6 ^

这样只需要关注 SDK 的状态变化,就可以准确地触发各种事件例如:SDK 状态变为 SAAppLifecycleStateEnd 说明应用退出了,此时应该触发页面的关闭事件代码如下:- (void)appLifecycleStateWillChangeNSNotification *)notification {) ]/ _3 E1 \9 ^6 n9 \ NSDictionary *userInfo = notification.userInfo; # U& y! }. D" o! ^ SAAppLifecycleState newState = [userInfo[kSAAppLifecycleNewStateKey] integerValue];1 \+ B1 ]: Y! B+ @( d- F6 y // 冷(热)启动 + M- n7 J0 j5 E O" u" K if (newState == SAAppLifecycleStateStart) {; O( v$ L; O8 Z // 开始计时 ' K, m, K; R; ~# y return;0 \0 b" j9 o' V \( F } : q l9 i4 o$ q4 x& {4 U5 O! i; U3 n$ P t! r // 退出应用0 j$ z: x U1 g- B$ a# Q Y9 H0 n3 M if (newState == SAAppLifecycleStateEnd) {) g1 [- o! R3 G l2 u* V4 a7 L // 结束计时 % B `9 x% T3 O9 C) t7 c }2 ~ ?2 T1 X6 s% q/ y# G% I* G }。

4 w& J; {, i$ Z$ A, C' Z+ t3 P1 P

3.2. 采集流程如果想要使用自动采集页面浏览时长的功能,只需要将 SAConfigOptions 实例的 enableTrackPageLeave 属性设置为 YES 即可另外,为了兼容应用崩溃的场景,在出现崩溃时补发页面的关闭事件并记录页面浏览时长。

& L0 l7 k* O! q) n7 \" l) D

自动采集页面浏览时长的流程如图 3-1 所示

9 n1 x$ Z2 K# T6 n

图 3-1 自动采集页面浏览时长的流程图3.3. 核心逻辑3.3.1.hook 页面的生命周期方法首先需要判断是否开启了页面浏览时长采集,如果开启就 hook UIViewController 的 - viewDidAppear: 和 - viewDidDisappear: 方法。

. v; C9 D/ u9 k% F* \# f8 |4 Y

代码如下所示:// 判断是否开启页面浏览时长采集 5 b6 p7 N% h5 n- q$ u6 A1 p! ^ if (!self.configOptions.enableTrackPageLeave) { . X8 N$ h" i7 q; C3 b return; 1 I2 t! _+ f- B( }7 o: j } 5 u. q" E) Q9 C% N4 a) g d // hook viewDidAppear: 和 viewDidDisappear: : I0 E: j/ |. ~* P, G5 h: s1 Y [UIViewController sa_swizzleMethodselector(viewDidAppear:) withMethodselector(sensorsdata_pageLeave_viewDidAppear:) error:NULL]; * N# w, p- z; b! a3 w [UIViewController sa_swizzleMethodselector(viewDidDisappear:) withMethod:@selector(sensorsdata_pageLeave_viewDidDisappear:) error:NULL];* }8 T0 i( h1 h6 E a7 }" e' v

- d2 Z$ t: J# h

3.3.2.开始计时当进入一个新的页面,检查 timestamp(类型为 NSMutableDictionary,其中 key 是 UIViewController 的地址,value 包含开始计时的时间戳)中是否存在该 UIViewController 的地址:如果存在,则忽略;如果不存在,将当前 UIViewController 的地址及当前时刻的时间戳进行记录。

6 A) A1 v2 S& e- V2 a D# A

另外,当应用进入前台时,需要更新 timestamp 里记录的时间戳为当前时间代码如下所示:// 进入一个新的页面/ Q3 q) j/ H* y3 P4 [8 p+ I - (void)trackPageEnterUIViewController *)viewController {9 P+ C1 q; e" O% J1 Q if (![self shouldTrackViewController:viewController]) { 4 r4 P8 X+ n3 h' b return; 6 l* X9 `. k6 h0 X$ r& b0 |5 D } : r& t+ E# E, F/ J$ l+ m* v! R NSString *address = [NSString stringWithFormat:@"%p", viewController]; * R- |3 p) W% ^; R& T" ` // 判断 timestamp 中是否存在该 UIViewController 的地址 + \9 W7 m" [& c) f4 @ if (self.timestamp[address]) {# h6 t: k" p" a2 x. E% _- N0 u- F return; + L1 N- P9 |. d } 6 L5 F& ~+ g, o. l // 如果不存在,将当前 UIViewController 的地址及该时刻添加到 timestamp 中/ T! z" u+ n4 d8 M9 N2 f0 b" i NSMutableDictionary *properties = [[NSMutableDictionary alloc] init]; ( v+ B0 ^3 h: A2 f2 a/ N properties[kSAPageLeaveTimestamp] = @([[NSDate date] timeIntervalSince1970]); $ ^; M, C2 U8 X- G$ U) h' ] properties[kSAPageLeaveAutoTrackProperties] = [self propertiesWithViewController:viewController]; 3 i; H2 {9 K8 T7 I self.timestamp[address] = properties;- ^: t0 E! G: S5 _/ U }% s5 f) a6 g u# U - (void)appLifecycleStateWillChangeNSNotification *)notification { 2 M r9 @& _1 U- a( r) @) A$ { NSDictionary *userInfo = notification.userInfo; ' ^! j: m, n- P/ g1 p4 [ SAAppLifecycleState newState = [userInfo[kSAAppLifecycleNewStateKey] integerValue];& L: `, [7 Y% ^* g8 K // 冷(热)启动,应用进入前台$ r( @ n+ F2 q! ?4 r, O if (newState == SAAppLifecycleStateStart) { 6 r) q, ?' a: F# p) p // 更新 timestamp 中所有 value 为当前时间 ' }& V x6 n& f7 h) q. A [self.timestamp enumerateKeysAndObjectsUsingBlock:^(NSString * _Nonnull key, NSMutableDictionary * _Nonnull obj, BOOL * _Nonnull stop) { 8 G8 z, k: D, D1 Y1 O: L7 c obj[kSAPageLeaveTimestamp] = @([[NSDate date] timeIntervalSince1970]);( P+ @& ~' I# H! L. r" K }]; # y3 M5 b+ S5 E2 [7 a. h& e return; . f7 j- H0 s; M$ r4 q0 K } 7 ]" p$ u) L: d; n }。

: n# S/ A: t( M# N# c d( v

3.3.3.结束计时页面消失、应用退到后台、应用崩溃这三种场景会结束计时,下面我们来分别看下是如何处理这几种场景的3.3.3.1. 页面消失当页面消失时,获取当前 UIViewController 地址,查询 timestamp 中对应的 value。

9 c9 _: A- R" Q+ ]5 R1 U a2 I4 S

如果没有值,则直接返回如果有值,执行下面的几个步骤:计算页面浏览时长 = 当前时间 - 开始时间;触发 $AppPageLeave 事件,并添加属性 event_duration 记录页面浏览时长;删除 timestamp 中对应的 key-value。

& F# k3 c0 b% S0 Y5 I

代码如下所示:// 页面消失时,判断当前 UIViewController 是否是需要计时的 UIViewController 4 c# x6 Q' {2 M9 m) x1 A+ |/ ` - (void)trackPageLeave:(UIViewController *)viewController { }9 \( m, k7 @9 K1 @ if (![self shouldTrackViewController:viewController]) {( [2 Z1 @0 Q" Y. P5 b9 g8 U, h return;; l- d" D2 W" O2 r, y" P1 V3 ~8 z }; U2 n( n( M+ W$ m; \ // 获取当前 UIViewController 的地址,查询 timestamp 中对应的 key-value, " r( ^! c6 h( r NSString *address = [NSString stringWithFormat:@"%p", viewController]; 0 p7 o4 I$ f4 T0 q // 如果没有值,则直接返回 8 |( K( E2 `' [; p! W) ` if (!self.timestamp[address]) {; ?" m6 c( W7 g% K return;/ T. ]8 t1 P4 x/ E }( `/ v+ C5 a" E7 J- }7 Y // 页面浏览时长 = 当前时间 - 开始时间( r: G1 k' m) M H* @ NSTimeInterval currentTimestamp = [[NSDate date] timeIntervalSince1970];+ P/ Q3 k: [9 g W6 N, t6 p NSMutableDictionary *properties = self.timestamp[address];4 g5 ~4 e! f5 e NSNumber *timestamp = properties[kSAPageLeaveTimestamp]; 0 L! c, M9 W/ j NSTimeInterval startTimestamp = [timestamp doubleValue]; ! p" ~% c! {8 ~& S% Y. E5 j NSMutableDictionary *tempProperties = [[NSMutableDictionary alloc] initWithDictionary:properties[kSAPageLeaveAutoTrackProperties]]; 2 x6 K7 p$ n! d NSTimeInterval duration = (currentTimestamp - startTimestamp) < 24 * 60 * 60 ? (currentTimestamp - startTimestamp) : 0;# Y) _' [3 ?2 h b6 h& Z tempProperties[kSAEventDurationProperty] = @([[NSString stringWithFormat:@"%.3f", duration] floatValue]); q* U9 l) Z$ m- u6 M // 调用触发页面离开事件的方法 # K' x* p# f' @1 Q5 Z/ z8 s [self trackWithProperties:tempProperties];* Q2 g& }2 [- T* ]8 W" j // 删除 timestamp 对应的 key-value : Q. g1 f- ^* L# N self.timestamp[address] = nil; " ]$ m7 m D7 P/ _0 p! b } ( K- w0 f" W Y; m, O0 W // 触发页面离开事件 1 j/ o- ]9 _7 _& g - (void)trackWithProperties:(NSDictionary *)properties {: z$ j* V6 I* d3 o' \9 }( { SAPresetEventObject *object = [[SAPresetEventObject alloc] initWithEventId:kSAEventNameAppPageLeave]; ( K" `) x( y% s [SensorsAnalyticsSDK.sharedInstance asyncTrackEventObjectbject properties:properties];2 a. E: u( O' a$ Z8 Y5 r }

) j3 \4 V' p" K4 F

3.3.3.2. 应用退到后台当应用退到后台时,遍历 timestamp 的 key-value,计算页面浏览时长 = 当前时间 - 开始时间;然后触发 $AppPageLeave 事件,并添加属性 event_duration 记录页面浏览时长。

7 W0 T' u$ q h! [% f8 ~

代码如下所示:// 应用退到后台 9 R# Q- L3 e- Q9 x4 t - (void)appLifecycleStateWillChange:(NSNotification *)notification { / }5 M5 q. P# j6 d3 s) f# |# K NSDictionary *userInfo = notification.userInfo; 5 Z/ T, K& z# e& R SAAppLifecycleState newState = [userInfo[kSAAppLifecycleNewStateKey] integerValue]; " F8 A0 J- h7 w; m2 K& J! G // 应用退出,调用结束计时方法0 @5 j7 o* p$ |. u& \/ e if (newState == SAAppLifecycleStateEnd) {4 {- x4 q7 I$ A7 Q0 ` [self trackEvents]; 6 h) P& M/ Q6 q } 7 {- T! y, j$ `* T }# s; e( v5 h9 ^ # I: s i& _ ` ~* `" H // 应用退到后台时,遍历 timestamp 的 key-value,触发 $AppPageLeave,时长为 currentTimestamp - startTimestamp6 r% x/ A) b# c, q( y4 |: G1 i - (void)trackEvents {& Q: P4 [! @; |; M& Y // 遍历 timestamp 的 key-value 2 b# F v2 X0 K% N, V5 {) r+ i [self.timestamp enumerateKeysAndObjectsUsingBlock:^(NSString * _Nonnull key, NSMutableDictionary * _Nonnull obj, BOOL * _Nonnull stop) {6 t; j" m6 R k9 Y NSTimeInterval currentTimestamp = [[NSDate date] timeIntervalSince1970]; s1 g& A$ E4 m NSNumber *timestamp = obj[kSAPageLeaveTimestamp]; 3 q' }+ A; F' @8 { NSTimeInterval startTimestamp = [timestamp doubleValue];# A W+ S' v8 p9 E* h NSMutableDictionary *tempProperties = [[NSMutableDictionary alloc] initWithDictionarybj[kSAPageLeaveAutoTrackProperties]];! [2 `7 e! C" _6 W // 计算页面浏览时长 / V5 F7 [3 p% J" [% l/ o5 y NSTimeInterval duration = (currentTimestamp - startTimestamp) < 24 * 60 * 60 ? (currentTimestamp - startTimestamp) : 0;3 C, B% n1 j/ X, v+ c! M tempProperties[kSAEventDurationProperty] = @([[NSString stringWithFormat:@"%.3f", duration] floatValue]);] , a; Y W5 K H Z e& n8 [: Q //触发页面离开事件 ( \* D w! D( M/ o. m5 [( m [self trackWithProperties:[tempProperties copy]]; * n/ K" Q6 I( X3 ~* x5 L0 n }]; , j2 n8 _ m* [% J4 e# W8 h1 u4 ~/ n }

+ n5 i+ ]8 @1 i- ^1 z

3.3.3.3. 应用崩溃如果在应用崩溃时想要自动采集页面浏览时长,需要将 SAConfigOptions 实例的 enableTrackAppCrash 属性设置为 YES,因为我们的崩溃采集是一个独立的模块,需要单独开启。

3 P$ y$ U, l. [- s

当应用崩溃时,遍历 timestamp 的 key-value,计算页面浏览时长 = 当前时间 - 开始时间;然后触发 $AppPageLeave 事件,并添加属性 event_duration 记录页面浏览时长。

- q& p% O A1 v! @8 O$ X

代码如下所示:// 应用崩溃 ! |/ k* k; m. A" S- o$ K9 U - (void)trackPageLeaveWhenCrashed {" C( n5 \. j9 Y6 F if (!self.enable) { 6 K$ Q1 ]4 Q! t; @ return; / n4 H @' t4 u8 K } 8 @9 H; @( H% Y' L2 V: S3 d" o% T if (!self.configOptions.enableTrackPageLeave) {$ n( G; Y! |2 X6 X. U return;2 g7 U( F. j% ]& z1 a/ _6 k } / ~; {7 x) L' i* m, W [SACommonUtility performBlockOnMainThread:^{ 5 x! j" F0 {. y$ f! T1 v9 @ if (UIApplication.sharedApplication.applicationState == UIApplicationStateActive) { G2 h2 h6 ^! N+ L3 f8 v5 f" r( v [self.appPageLeaveTracker trackEvents];2 l/ f3 e8 X" i' w } 8 p( [. P* `1 D3 d `. ~' p% [5 I }]; : ?3 [$ X5 B/ P7 C/ a3 T }4 Y/ G: P/ T2 x6 ], P# T // 应用崩溃时,遍历 timestamp 的 key-value,触发 $AppPageLeave,时长为 currentTimestamp - startTimestamp; 5 k2 B$ b2 D7 ~2 K$ d0 S+ n2 U - (void)trackEvents { u; Y/ e5 W$ z. b7 z& V( l // 遍历 timestamp 的 key-value' B5 h( {* q+ y+ ~* t7 Z* @ [self.timestamp enumerateKeysAndObjectsUsingBlock:^(NSString * _Nonnull key, NSMutableDictionary * _Nonnull obj, BOOL * _Nonnull stop) {9 d' J4 i. N$ ]( p NSTimeInterval currentTimestamp = [[NSDate date] timeIntervalSince1970];% q/ i2 z; N) { NSNumber *timestamp = obj[kSAPageLeaveTimestamp]; 6 i3 R( b) D5 b NSTimeInterval startTimestamp = [timestamp doubleValue]; + d- r1 ]8 N4 k: F* t/ a NSMutableDictionary *tempProperties = [[NSMutableDictionary alloc] initWithDictionarybj[kSAPageLeaveAutoTrackProperties]];* \4 h& T0 {( T. M // 计算页面浏览时长 ; M/ v$ R6 s5 P3 {' a$ [4 A NSTimeInterval duration = (currentTimestamp - startTimestamp) < 24 * 60 * 60 ? (currentTimestamp - startTimestamp) : 0; " v# J1 X9 R, s# G% I/ y tempProperties[kSAEventDurationProperty] = @([[NSString stringWithFormat:@"%.3f", duration] floatValue]);] 2 \/ }5 l: e d T C2 h8 @ //触发页面离开事件7 [; ^, g' R. Z; w [self trackWithProperties:[tempProperties copy]];. U- }: [+ ~) u8 ^. } }];( s. J3 O3 K6 q/ I% _ }

5 M1 g- q% \2 M+ Z4 k) G

3.4. 支持场景说到这里,大家一定想知道目前神策分析 iOS SDK 支持自动采集哪些场景的页面浏览时长。这里总结了 11 种场景供大家参考,如表 3-1 所示:

6 P4 Z2 x! `7 v+ H! }1 a

表 3-1 支持自动采集页面浏览时长的场景4. 常见问题关于自动采集页面浏览时长的功能,我们遇到了一些常见的问题,例如:被动启动[3]是否会影响页面浏览时长采集;页面被遮挡了是否采集;父子页面同时存在,如何采集。

3 r( O2 P+ [) w5 U5 A% V- K5 |

下面我们来看下这些问题的答案:被动启动时,如果执行 - viewDidAppear: 方法,timestamp 会记录,但是在点开应用后会重新计时因此页面浏览时长是从点开应用到离开页面的时长,从实际情况上来看也是合理的(毕竟被动启动时页面是看不到的);。

# ~( m- }" d4 y4 r1 p' B& ~

如果页面被遮挡后没有执行 - viewDidDisappear: 方法,那么被遮挡的时间也是计入页面浏览时长里的对于这种场景,其实是不合理的,因为页面被遮挡后就相当于看不到了因此针对这一点,我们后续会进行优化;。

: j. ]) \4 o5 Y2 c9 i0 `

只要执行了 - viewDidAppear: 方法,我们就会采集因此父子页面同时存在时,会采集各自的页面浏览时长5. 总结本文主要介绍神策分析 iOS SDK 如何自动采集页面浏览时长,希望大家通过阅读本文能够清晰地了解如何进行实现,更多细节可以参考神策分析 。

; G* r$ o5 H2 W2 d6 w) I, w

iOS SDK 源码[1]目前我们的自动采集页面浏览时长功能还在不断地更新迭代,欢迎大家在开源社区与我们进行交流6. 参考文献[1]https://github.com/sensorsdata/sa-sdk-ios/releases/tag/v3.1.5。

! I9 N, j+ P; g" M% J/ Z

[2]https://manual.sensorsdata.cn/sa/latest/tech_sdk_client_ios_super-22253311.html#id-.SDKAPI(iOS)v1.13-%E9%87%87%E9%9B%86%E9%A1%B5%E9%9D%A2%E6%B5%8F%E8%A7%88%E6%97%B6%E9%95%BF

# g' _. ^6 N( p% k& @7 x5 F2 L

[3]https://manual.sensorsdata.cn/sa/latest/tech_sdk_client_ios_super-22253311.html#id-.SDKAPI(iOS)v1.13-App%E8%A2%AB%E5%8A%A8%E5%90%AF%E5%8A%A8($AppStartPassively)%E4%BA%8B%E4%BB%B6%E8%AF%B4%E6%98%8E

7 P; l, i3 u* T( f4 S" j( T 7 c# w- z: k% r8 \& q: ^9 t8 O! A! H- f7 U/ w . c/ j, [* v" {% f# d) p2 j ! n( @* V! z0 s2 H8 H3 O
回复

使用道具 举报

南京友联拆除 发表于 2026-02-15 17:04:40 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-7-7 12:13 , Processed in 0.056243 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表