简单前端JS校验脚本分享

yang。

1 L' }  ~/ C9 M5 Q7 O+ [
开个头-------------持续亏钱ing。。。。
5 p" w6 {, \& `* f3 A5 @

这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html

" H/ T, u8 ~4 n+ y2 d, o3 U/ v
但是要强调下：脚本永远只能作为参考和辅助，

& Y( `. D# F0 e9 Y

1. //your track host
   " o# F/ x- v+ ^& F; ^. k: g+ q
2. var trackHost = "";
   8 m6 j9 }9 T6 |6 ?
3. 
   
4. /**
   / N- O+ Z0 q, q5 W0 |" G
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   6 o6 \2 {% s/ o4 M+ `; K
7. *      1.trackHost 指向你的追踪器，
   / I, w, @0 c. h: O& _5 A7 l8 Y
8. *      2.修改 event1 为你自己的event
   ' P7 [  W3 ]4 S
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    & g$ B1 k8 F$ W. F$ h2 I! Y: m
11. */
    
12. function jsSuportCheck() {
    2 F! e( Q5 P" B$ M
13.     var o = document.createElement("img");
    + a9 n0 ], O+ \
14.     o.style.display = "none";
    # N+ [4 ~" m8 L1 |
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    6 i+ M1 k2 G) b( u  Z2 G3 |
18. 
    
19. 
    
20. /**
    
21. * 2.页面存活时间
    - B7 \% h3 O8 {1 v* t+ @
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    # T$ E; h) q( v
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    ; P/ M/ M. H, f1 P6 S9 A
27. *
    1 d+ i2 \, e5 J9 i2 @5 K) t
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    8 [" F  ]% U, r4 a+ s% u/ s- W
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    - Z( r1 ?- O7 s, L3 w& l
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    . ], j) Y2 ]* D3 V3 x8 H. a
37. */
    9 E2 G; B1 K- S- v3 ^2 J, G. z
38. 
    $ G" G# m5 r/ J: E) A+ d0 S' _
39. var times = 0;
    
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    . s  e- ]! H8 y- ^) ]
42. }
    
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
      ?2 G: L2 l3 x" w
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    ! [0 }" h# O* u$ B
49. 
    & p: X' p0 E: _1 W
50. 
    
51. /**
    
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    ( z% y- @8 L4 t8 h& U/ u
54. *
    : k+ I* ]2 H& Q$ r1 R! @" o+ m- j0 N
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    + S- U0 O4 r9 m
56. */
    5 g9 {8 o% B9 g9 o8 a$ L4 k
57. //申请的grecaptcha前端token
    0 q) L3 l; N0 {5 H4 F
58. var token = "";
    0 `; H! U3 V6 ^( s* R. c
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    % a1 h* e  d5 X" }) f
61. function recaptcha() {
    - l3 d" d- g, l& u; h
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    ( _* R" z6 V$ N% z8 V% c9 |7 k
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    0 p) c# K; u' E+ s, I
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    ; `' ~* e8 U9 C; _
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    . a; ?& x6 Q" U6 R4 `
73.                         score = 1;
    
74.                     }else{
    % a* R2 W) c: G: ]& i+ ]9 b3 `
75.                         score = 0;
    
76.                     }
    $ b" u5 l! r8 }0 z; K
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    6 E; Z% S; r, \
79.                 }
    
80.             });
    8 ]- [, `1 ]+ v; e9 l7 b
81. 
    
82.         });
    
83.     });
    : M7 ~* G/ X6 x. W. m2 G% r
84. }

复制代码

校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可



: x3 V" ?) N- o0 H

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
: m8 R" Y! q9 n" `1 b9 ]/ |今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   0 ]1 L' m2 ?& S1 `' z
4. }

复制代码

修改为：
0 O1 y0 _6 q% Z8 y' u0 t

1. var times = 0;
   " v: \% S# a9 b: N9 I5 d& C7 \
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
     G" q3 O, O5 q# R6 f
4.     setInterval("checklive()","5000");
   ) ?4 r! m% _& O" [& b' h% i; m
5. }

复制代码

: `1 Y1 `8 U8 |4 H7 F2 S- ^追踪器压力明显降低。。。。
; r$ H8 q  D7 w% h* M: [
+ v  r, w$ J0 Q* p; |6 v这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
; @9 M' T6 J1 B  M补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

. s1 w( g9 O2 W虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

tonychopper 发表于 2021-9-13 19:41
虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？ ...

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
7 `) X* L; ?. I* ~追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
" ?' R# Z. t. g1 y/ O6 s4 e/ @这个就是js ...

8 t1 u8 q4 }* ^" T老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
9 J4 _( F9 Z9 H+ e4 @: c# M0 R老哥能说明白点吗？在LP哪个位置调用、怎么调用

放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

" \5 O. B4 k6 f' l+ z6 C谢谢回复，已经用上了

wr406531195

I just like analyzing with code, what a good and clear job.