|
|
本帖最后由 yang。 于 2021-7-15 23:15 编辑
, q9 i& B! p5 l* c# |+ n
! H8 q2 q2 d/ w l( ~8 u) H在部署LP的时候，大家一般都会做一些校验，比如 爬虫、js支持等，一般要么在每个LP上加上，要么提取公共的JS来做。
6 u- o; X, }# d$ k但是我觉得与其在LP上做这这些校验，还不如在LP前边做，直接过滤到基本的爬虫、js支持这种对LP毫无贡献的流量。9 c% J& l2 @3 r) N% m. _
, h2 x6 Z: `. F
另外对一些莫名其妙的访问，也起到隔离作用，顺便利用下这些流量，万一给你造成转化也说不定呢。
: `2 y2 P* @- b' O R- w0 i4 P" n2 E" t
具体做法是：
* `; [! x6 ~' U
, i. c2 F6 x% g6 W1.前置页面：在nginx下部署一个公有页面，该页面负责接受追踪器的跳转，相当于追踪器的lander页面统统都访问到这个页面<后边说追踪器配置>。
1 m" `$ A" |2 |7 F# }/ j假设前置页面的访问路径为 http://www.xxx.com/4 ]$ l! X. }3 B7 _9 R
2.假设我们有2个LP页面，ng配置的访问路径为http://www.xxx.com/iphone/01/index.html 2 g3 i& Q+ }2 A6 e+ u: q" d
http://www.xxx.com/iphone/02/index.html
9 J% ? t6 h% N' Q, M2 B那么我们在追踪器中设置的LP访问路径为
& Q K. ], O+ Y2 i9 l# T$ w- A' |! xhttp://www.xxx.com/?offerUrl=iphone&landUrl=01
" e; s+ y- l- T1 p9 O0 `: _http://www.xxx.com/?offerUrl=iphone&landUrl=02
/ _2 r% Q2 q J0 {/ L这里把对应的路径转化为参数，将来发送到前置页面，由前置页面根据规则统一处理
$ b# g& H0 z* z) c2 v, b& j& N5 m$ k1 L( U
这里，如果你前端功力不错的话，也可以将一些想做split测试的因子，作为参数传递到同一个页面，由js来处理这些因子，同一个页面也能减少干扰。比如把语言作为一个测试因子，如果我想测试一个在泰国跑的LP，英语和泰语那种受欢迎，那么我就可以加一个lang的参数作为测试因子，在追踪器中新建一个参数为lang=en和lang=th的lander页面地址，就能直接测试语言对LP的影响了。
3 P( W5 o, h# W' { j
9 v, \$ u# I* X/ T& M. ]5 i
0 I- j* B: Y% f4 K6 h) Z5 s2.前置页面内容如下2 Y* g; R4 N, X3 @0 T! V, q% q
- <!DOCTYPE html>
/ L/ A S. z- j1 A - <html lang="en">
: }4 q7 c5 a) O6 f l# v) _( { - <head>) [# ?) L& T, A( B2 F
- <meta charset="UTF-8">' S1 W/ f) T% p E. }5 r7 n9 y8 Y, d
- <title>Loading</title>
9 k+ j5 W; n0 T" ~ - </head>
G8 R L5 B" b$ F& M - <body>: j" T$ c7 `8 {+ I; p- Q
- Loading...
6 K' k; H8 d6 {- B( o - </body>
6 S* K" U3 G& J, G - 6 q$ h$ g, O% d% R3 P( t
- <script>- p, A0 T+ ~- t S% x1 w
- //因为我是按照offer来建立路径的，假如有个抽iphone的offer，有10个land页面，那么我的nginx目录设置成
! Z. N( U- q7 {8 q2 H9 x1 n - //iphone, ?0 ]! |( Q% e B
- //01 http://xxx/iphone/01/index.html' z% M5 h% L8 q, v5 I
- //02 http://xxx/iphone/02/index.html
2 o9 ]: o* V- s. e& ?7 ]9 L - //以此类推3 }8 f7 V8 u3 V7 _5 K. n5 o7 y+ G
- & K; I1 |# T$ [9 A F8 a: L
- ; w v# o" ?% ^4 p* ]7 e( K
- ; U2 k! F# `% g6 a, Y
- //这里假设我们的offer访问路径是 http://xxx/iphone/01/index.html1 ]% R5 o4 A& s5 R6 k
- //那么我们的offerUrl = iphone，landUrl = 011 r" D9 _. l" o9 t. |+ _. A
-
/ d9 t3 C, Y( t( v - //从url参数中获取设置好的访问参数% |0 f% L5 @) V
- const toffer = decodeURI((RegExp('offerUrl' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
r6 r5 \6 w i$ O8 [* B8 \) T" d - const tland = decodeURI((RegExp('landUrl' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");- l, l2 C3 d! E3 w
- 0 Y2 `- p# \& O" [3 v* u0 X* {
- //校验参数是否被传递过来，如果传递过来，则拼接成对应的路径
1 r& R/ Z* A: l- i$ ~5 G - const b = (toffer != null && toffer !== '' && toffer !== undefined) && (tland != null && tland !== '' && tland !== undefined); B" v& R) g* ^" p* s- k
- if(b){
a' U: B- ], E - setTimeout(function() {) H0 t4 ~& u1 b7 L: o: f
- var params = funcUrlDel(['offerUrl','landUrl']);. h @; b' |8 N8 y) S Q6 l
- // 跳转到真正的LP页面，顺便做一个简易的爬虫过滤; M3 T4 x3 k/ n
- window.location.replace("/"+toffer+"/"+tland+"/index.html"+params);
" ~/ c" _( j8 ?3 t3 v- N7 T - }, 300);
" P2 p/ Y; o2 t& b& N - }else{
: D5 n5 s6 K( M1 b* x
. j" ~) F* ~: r/ h2 d* I8 E1 \1 ~7 a9 a, a6 ]& I( c. j2 l+ W4 J
只是一种简易的思路，主要目的是同一处理一些通用的操作，减少LP的工作。
) f6 v' k: Z9 w: g: g, Y
0 ?- g% q6 t# Z/ b3 M+ B8 B
2 _6 D" R3 o2 P. u$ {" ]
. f- a* @6 H& w' N3 G: m
1 {( J# w" Q, K: _5 h
}0 ^: B/ L- ]: c8 u! B$ q0 S- k0 j! K4 Q5 J
|
|
发表于 2021-7-15 23:08:27
楼主
发表于 2021-7-16 07:55:02
发表于 2021-7-16 22:06:24
