数据采集(五)图片区域(IMG)事件

最新推荐文章于 2020-06-05 09:06:39 发布
最新推荐文章于 2020-06-05 09:06:39 发布
阅读量262 收藏
点赞数
原文链接：https://my.oschina.net/VILLE/blog/1186772
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

本样例主要是提供图片事件跟踪采集的脚本例字。
样例一

image2016-5-11%2015%3A12%3A7.png?version=1&modificationDate=1462951365000&api=v2

采集内容

  • 点击

需要采集“跳转url” 和"图片地址src"

 

  • 移入 / 移出

需要采集"图片地址src"数据

采集位置：首页 ( I-00:BAN-01)

采集事件：click, hin(Mouseover) , hout(Mouseout)

采集代码：

  • click

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'click',
    eventLabel: 'I-00:BAN-01' ,
    eventValue:{to:"/portal/html/lifestyle/dog.html",src:'http://static.modernavenue.com/portal/data/images/index/pic/bannerd.jpg'} 
});

  • hin(Mouseover)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hin',
    eventLabel: 'I-00:BAN-01' ,
    eventValue:{src:'http://static.modernavenue.com/portal/data/images/index/pic/bannerd.jpg'} 
});

  • hout(Mouseout)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hout',
    eventLabel: 'I-00:BAN-01' ,
    eventValue:{src:'http://static.modernavenue.com/portal/data/images/index/pic/bannerd.jpg'} 
});

样例二

image2016-5-11%2015%3A42%3A4.png?version=1&modificationDate=1462953162000&api=v2

采集内容

  • 点击

需要采集“跳转url” 和"图片地址src"

 

  • 移入 / 移出

需要采集"图片地址src"数据

采集位置：首页 ( I-00:BAN-03-02)

采集事件：click, hin(Mouseover) , hout(Mouseout)

采集代码：

  • click

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'click',
    eventLabel: 'I-00:BAN-03-02' ,
    eventValue:{to:"../activity/special_cosmetic_0510.html",src:'http://static.modernavenue.com/portal/data/images/index/pic/bannerd.jpg'} 
});

  • hin(Mouseover)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hin',
    eventLabel: 'I-00:BAN-03-02' ,
    eventValue:{src:'http://static.modernavenue.com/portal/data/images/index/pic/bannerd.jpg'} 
});

  • hout(Mouseout)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hout',
    eventLabel: 'I-00:BAN-03-02' ,
    eventValue:{src:"http://static.modernavenue.com/portal/data/images/index/pic/bannerd.jpg'} 
});

样例三

 

image2016-5-11%2016%3A15%3A4.png?version=1&modificationDate=1462955142000&api=v2

采集内容

  • 点击

需要采集“跳转url” 和"图片地址src"

 

  • 移入 / 移出

需要采集"图片地址src"数据

采集位置：摩登男士 ( M-01:PRO-01-XX)

采集事件：click, hin(Mouseover) , hout(Mouseout)

采集代码：

  • click

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'click',
    eventLabel: 'M-01:PRO-01-XX' ,
    eventValue:{to:"../mall/moDetail.html?productId=1000010241",      src:'http://static.modernavenue.com/img/pictures/B_100000317/1000010241/prdl_113217017_900_1_ls.jpg'} 
});

  • hin(Mouseover)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hin',
    eventLabel: 'M-01:PRO-01-XX' ,
    eventValue:{src:'http://static.modernavenue.com/img/pictures/B_100000317/1000010241/prdl_113217017_900_1_ls.jpg'} 
});

  • hout(Mouseout)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hout',
    eventLabel: 'M-01:PRO-01-XX' ,
    eventValue:{src:'http://static.modernavenue.com/img/pictures/B_100000317/1000010241/prdl_113217017_900_1_ls.jpg'} 
});

样例四

 

image2016-5-11%2017%3A0%3A19.png?version=1&modificationDate=1462957857000&api=v2

采集内容

  • 点击

需要采集关键值 和"图片地址src"

 

  • 移入 / 移出

需要采集"图片地址src"数据

采集位置：产品详情页 ( M-03:PRO-01)

采集事件：click, hin(Mouseover) , hout(Mouseout)

采集代码：

  • click

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'click',
    eventLabel: 'M-03:PRO-01' ,
    eventValue:{values:{productId:1000010223},  src:'http://static.modernavenue.com/img/pictures/B_100000318/1000010223/prdl_111217265_900_1_dl.jpg'} 
});

  • hin(Mouseover)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hin',
    eventLabel: 'M-03:PRO-01' ,
    eventValue:{src:'http://static.modernavenue.com/img/pictures/B_100000318/1000010223/prdl_111217265_900_1_dl.jpg'} 
});

  • hout(Mouseout)

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG ',
    eventAction: 'hout',
    eventLabel: 'M-03:PRO-01' ,
    eventValue:{src:'http://static.modernavenue.com/img/pictures/B_100000318/1000010223/prdl_111217265_900_1_dl.jpg'} 
});

转载于:https://my.oschina.net/VILLE/blog/1186772

weixin_34345753
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python爬虫实战-性感gif图数据采集
公众号：白又白学Python
08-13 1782
前言 最近发现一个十分有趣的网站（狗头保命），一些影视剧里让人血脉膨胀的镜头制作成的gif图片，满满的都是全是爱，作为一个合格的小爬虫，不把它都放进‘作业’文档里怎么行 爬取目标 网址：GIF出处 工具使用 开发工具：pycharm 开发环境：python3.7， Windows10 使用工具包：requests，lxml 重点内容学习 requests使用 xpath解析数据 获取gif数据 项目思路解析 首先明确自己需要采集的目标数据网址 通过requests工具包发送网络请求 翻页通过改变ur
asp.net TextBox回车触发事件 图片在img显示
01-02
TextBox回车触发事件 代码如下: //直接在js中写 [removed] function EnterTextBox() { if(event.keyCode == 13 && document.all[“TextBox1”].value != “”) { event.keyCode = 9; event.returnValue = false; ...
HTML中点击图片不同区域触发不同事件 图片定位
我本可以
06-05 1万+
在一张图片上，点击不同部分区域触发不同事件。 其实就是根据一张已知像素大小的图片，以其左上角作为远点坐标，建立一个右下方向为正轴的二维坐标系。然后建立矩形，圆形等区域并绑定href属性或者其他js事件即可。
Jquery 图片 热点区域 选择
03-26
很多人都在找当鼠标移动到地图的热点区域时突出显示热点区域js代码。 图片热点区域选择 图像热点区域瞄点 汇总分类，里面有中国地图热点区域选择 作为例子。欢迎大家下载
图片区域点击
06-23
android 图片区域点击（图片热区）,可以实现一张图片多个点击
img标签只显示图片中间区域
CSDNLiYH的博客
03-18 1万+
cover:让图片填充满父节点，超出部分隐藏，仅显示中间，这才是我们想要的效果。 contain:让图片根据父节点宽高等比例缩放。
IE下元素空白区域(该元素在上img在下)与图片重叠无法触发鼠标事件
01-21
IE 下与元素重叠的区域为 img（该元素在上img在下),且该元素无背景(background:none、transparent)，无可见内容(如 display none,visibllity hidden,left:-9999px; ) ,则该区域无法触发鼠标事件 复制代码代码如下: ...
图片转换为数据工具(img2lcd)
09-24
图片转换为数据，图片格式包括bmp、jpg、gif、ico、emf、wmf、wbmp。可输出为灰度、256色、4096色、16位彩色、18位彩色、24位彩色、32位彩色。可设置输出图片的高度和宽度
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
11-27
本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考，具体如下： 这里演示js如何给页面中所有的img对象加上onclick事件，且实现在新窗体中查看该图片文件的功能： ...
图片点击之区域点击
登山路
08-29 1024
public class RegionView extends ImageButton {     private OnRegionListening onRegionListening;     private int imgUp = 1;     private int imgDown = 2;     private int imgLeft = 3;     private
图像数据采集与保存
xiakj的专栏
07-30 1871
#!/usr/bin/python3 #coding: utf-8 import cv2 ## opening videocapture cap = cv2.VideoCapture(0) cap.set(cv2.CAP_PROP_FRAME_WIDTH, 1280) cap.set(cv2.CAP_PROP_FRAME_HEIGHT, 720) ## some videowriter pr...
设置图片的热点区域
悲欢离合
04-25 1883
使用usemap属性； 点 击图片的不同位置，链接到不同的页面 usemap="#自定义的map" 自定义的map：需要name和id属性， map中可以自定义多个area area的属性： shape：定义热点区的形状 rect circle poly coords:坐标 rect形状：坐标是4个值，左上角的x,y,右下角的x,y值 circle形状：坐标是3个值，圆心坐...
js或者angular获取img图片的src（$event.target和this的使用）
火星男孩的分享空间
04-17 1万+
参考： 彻底弄懂事件冒泡和事件捕获 <section ng-repeat="brand in brands track by $index" class="brandElistSe"> <ul class="check_fu"> <li class="brandElist" ng-repeat="brList in br
绘制半透明位图以及如何画透明位图
神经网络爱好者
03-09 2140
绘制半透明位图有的时侯，我们希望显示一幅半透明的位图。也就是说我们将一幅位图B显示到A位图上，又希望透过B位图看到A位图的一部分图像但不是全部。比如A位图是一幅曲线图，B是一幅提示位图，我们想在显示提示的同时看到已显示的曲线，但不需要曲线的背景 ，就需有用到半透明位图。曲线看上去就象从B位图中渗透过来，其实半透明技术就是一种渗透技术，渗透公式我们可选用多种，在这里我们选用（A AND 0x7F）O
Opencv 截取图片中一部分的方法（包括任意区域）
热门推荐
ikerpeng
08-17 7万+
opencv 截取！
制作自己的数据集动图
Melo琦
06-28 3080
这是我的第一篇博客，由于导师的项目，今天花时间做了一个基于铁路列车进过铁轨时采集的磁场数据和加速度数据，做了一个实时的数据流动图。 内容简单，排版简陋，日后逐渐改善，不断进步。%Create data flow charts clc; close all; clear all; %Read Data a=xlsread('C:\Users\1042zyl\Desktop\WQW.xlsx','B...
图片天空区域识别
weixin_30341745的博客
10-09 1128
本文主介绍了一下一种天空区域识别的算法，参考论文：Sky Region Detection in a SingleImage for Autonomous GroundRobot Navigation 顺便贴出对论文中算法稍加改进后，图片天空区域的识别效果图。具体怎么改进的见下面描述。 本文分为四个部分，依次是 一 天空识别的重要性 二 参考论文中的方法描述 三 自己的改进 四 实...
html img使用地图点击事件
快乐每一天
04-11 866
<img style="border:1px solid red;" src="localdata/logo/home_logo_#getOwnerCode().png?rnd=#getCurrTime_YYYYMMDDHHMMSS()" usemap="#pointMap" /> <map name="pointMap"> &lt
创建图片的热点区域
iBenxiaohai123的博客
07-31 4123
在浏览网页时会发现，当单机一张图片的不同区域时会显示不同的链接内容，这就是图片的热点区域。所谓图片的热点区域就是将一个图片划分成若干个链接区域。访问者单击不同的区域会链接到不同的目标页面        在HTML中，可以为图片创建3中类型的热点区域：矩形、圆形和多边形。创建热点区域使用标记和，语法格式如下                                    
python数据采集保存图片
最新发布
09-09
要在Python中进行数据采集并保存图片，可以按照...总结起来，Python数据采集保存图片的步骤包括导入所需库、获取图片URL地址、下载图片数据和处理异常情况。希望这些步骤能帮助您进行Python数据采集中的图片保存操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值