基于网络图片的推广方法及装置与流程

本发明属于网络推广
技术领域：
，尤其涉及一种基于网络图片的推广方法及装置。
背景技术：
：随着互联网技术日新月异的发展，通过网站进行产品、服务的推广已成为常用的网络推广方式，网站中通常具有大量的展示图片，如何利用网站中的图片进行信息推广，以提供一种新的信息推广方式，是需要进一步解决的问题。技术实现要素：本发明的目的是提供一种基于网络图片的推广方法及装置，通过网络图片实现信息的网络推广。本发明提供了一种基于网络图片的推广方法，包括：步骤1，基于在网站最上层引入的js代码获取访问页面图片，在图片中物件所在位置进行标注，生成关联有推广信息的标注点；步骤2，基于js代码获取访问页面图片的所述推广信息，在与之关联的标记点触发时，通过弹出层显示推广信息。进一步地，步骤1还包括：基于js代码获取网站的访问网址，对网站进行鉴权。进一步地，步骤1还包括：获取图片id信息、标注点相对于图片的位置信息，并将推广信息、位置信息及图片id信息保存至数据库中。进一步地，步骤1中推广信息包括推广展示标题、描述、展示图、跳转链接中的多种。进一步地，步骤2中标记点触发方式为鼠标经过或悬浮在标注点上方。本发明还提供了一种基于网络图片的推广装置，包括：标注点生成模块，用于基于在网站最上层引入的js代码获取访问页面图片，在图片中物件所在位置进行标注，生成关联有推广信息的标注点；信息推广模块，用于基于js代码获取访问页面图片的所述推广信息，在与之关联的标记点触发时，通过弹出层显示所述推广信息。进一步地，标注点生成模块基于所述js代码获取网站的访问网址，对所述网站进行鉴权。进一步地，标注点生成模块获取图片id信息、标注点相对于图片的位置信息，并将所述推广信息、位置信息及图片id信息保存至数据库中。进一步地，标注点生成模块将推广展示标题、描述、展示图、跳转链接中的多种与标记点进行关联。进一步地，信息推广模块在鼠标经过或悬浮在标注点上方时触发标记点。借由上述方案，通过基于网络图片的推广方法及装置，能够通过网络图片实现信息的网络推广。上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，并可依照说明书的内容予以实施，以下以本发明的较佳实施例并配合附图详细说明如后。附图说明图1为本发明基于网络图片的推广方法的流程图；图2为本发明基于网络图片的推广方法的结构框图；图3为应用本发明对图片进行标注的一实施例；图4为应用本发明显示推广信息的一实施例。具体实施方式下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。参图1所示，本实施例提供了一种基于网络图片的推广方法，包括：步骤s1，基于在网站最上层引入的js代码获取访问页面图片，在图片中物件所在位置进行标注，生成关联有推广信息的标注点；步骤s2，基于js代码获取访问页面图片的所述推广信息，在与之关联的标记点触发时，通过弹出层显示推广信息。通过该基于网络图片的推广方法，能够利用网络图片实现信息的网络推广，提供了一种新的网络推广方式。在本实施例中，步骤s1还包括：基于js代码获取网站的访问网址，对网站进行鉴权。在本实施例中，步骤s1还包括：获取图片id信息、标注点相对于图片的位置信息，并将推广信息、位置信息及图片id信息保存至数据库中。在本实施例中，步骤s1中推广信息包括推广展示标题、描述、展示图、跳转链接中的多种。在本实施例中，步骤s2中标记点触发方式为鼠标经过或悬浮在标注点上方。参图2所示，本实施例还提供了一种基于网络图片的推广装置，包括：标注点生成模块10，用于基于在网站最上层引入的js代码获取访问页面图片，在图片中物件所在位置进行标注，生成关联有推广信息的标注点；信息推广模块20，用于基于js代码获取访问页面图片的所述推广信息，在与之关联的标记点触发时，通过弹出层显示所述推广信息。通过该基于网络图片的推广装置，能够利用网络图片实现信息的网络推广，提供了一种新的网络推广方式。在本实施例中，标注点生成模块基于所述js代码获取网站的访问网址，对所述网站进行鉴权。在本实施例中，标注点生成模块获取图片id信息、标注点相对于图片的位置信息，并将所述推广信息、位置信息及图片id信息保存至数据库中。在本实施例中，标注点生成模块将推广展示标题、描述、展示图、跳转链接中的多种与标记点进行关联。在本实施例中，信息推广模块在鼠标经过或悬浮在标注点上方时触发标记点。下面对本发明作进一步详细说明。本发明主要针对网站图片中的具体物件进行标注推荐，任何网站只要引入一段js代码(引入方法为：<scripttype＝"text/javascript"src＝"http://xxx.xx.xxx/xx.js"></script>)并在服务器上进行域名备案后就可以对网站上所有图片进行标注并编辑推广信息。这样在网页被访问时就可以在图片上显示标注点，当鼠标经过或悬浮在标注点上方时会显示当前标注点关联的推广信息。访客可以在网站图片中对自己感兴趣的物件进行浏览，通过推广信息中的跳转链接直接跳转到相关物件的购买或介绍页。网站引入js代码的目的是通过js代码获取当前网站访问页面信息，包括访问网址、访问页面图片。获取网址是为了鉴权当前网站是否在服务器上进行了注册，只有审核通过的网站才能使用。获取访问页面图片是为了对图片进行标注处理。当所加载的网页引入了js代码，会在当前网页加载推荐点(即用于推荐信息的标注点)，并根据图片id，推荐点相对图片位置加载推荐点，当网页初始化完成后访客就可以通过鼠标悬停查看推荐信息。推荐点的标注过程如下：js代码获取到当前页面所有推广信息数据后循环处理每条推广信息，把推广信息中图片信息取出后在页面找到对应图片对象后通过js代码计算图片x,y坐标位置，然后把推广信息中的点相对位置x坐标加上图片x坐标，y坐标加上图片y坐标后给该点添加标注点，并给该标注点添加隐藏的弹出层，弹出层主要内容为推广信息。在该推广方法的实际应用中，对于管理端人员，只要双击图片上的某个点后引入的js代码会判定当前是否点击了图片，如果点击了图片则会记录点击点相对图片的x和y坐标，填写推广信息后点击保存，js代码会保存图片位置、名称、推广信息到服务器。推广端管理员必须登录到软件平台系统进行权限鉴别(平台审核)，每个推广管理人员管理需要推广的网站网址。基于网站网址会加载网址中图片，网页加载完成后管理员对图片进行标注。标注过程如下：用鼠标双击图片，js代码会获取当前点击对象判定是否是图片如果不是图片则不做任何操作，如果是图片则会获取点击点相对于图片的x,y坐标、图片名称并弹出推广信息输入框，坐标获取是根据点击位置和图片位置进行计算点击位置点的y坐标减去图片位置y坐标，点击位置x坐标减去图片位置x坐标得出的结果为点相对图片位置。通过推广信息输入框上传图片，输入标题，描述，跳转链接，点击完成，一张图片上如果有多个物件可以标注多个点。上述动作js代码会自动记录当前网址，图片id，图片推荐点相对图片位置及图片点相关信息(在用户访问网址时js通过window.location.href防范获取当前网址，然后根据当前网址通过ajax请求加载当前网址所有推广信息数据)。对于访客，进入到有推广的页面，当页面加载时js代码会根据当前网址到服务器中获取这个网址所有图片推广信息的配置信息。获取完成后根据每个图片来加载推荐点位置及推广信息(推广信息在访客鼠标悬浮时显示)。本发明具有如下技术效果：1、推荐点不需要改动网站原系统的任何东西，只需在网站最上层引入一行js代码。2、图片推荐点不会影响图片观看质感(用半透明微亮的点)。3、访客可以只看自己感兴趣的物件推荐点。参图2所示，在一具体实施例中，管理端的工作流程包括：1)推荐管理员通过ifram进入需要推荐的网址；2)找到要推荐物件的物品；3)对图片进行双击后弹出编辑页面；4)输入推荐展示标题，描述，展示图，跳转链接；5)点击完成后把图片id，推荐点相对图片位置，推荐信息保存到数据库。表一推广信息代码rec_urlpic_name_idpic_xpic_ytitlepic_urlremarksto_url表一中，rec_url表示图片所在网址，pic_name_id表示图片id，pic_x图片x轴相对图片位置，pic_y图片y轴相对图片位置，title推荐显示标题，pic_url推荐显示图片，remarks推荐显示简介，to_url点击后跳转物件地址。参图3所示，在一具体实施例中，访客端的工作流程包括：1)访客进入网址后，通过引入的js代码查询当前网页是否设定了推荐数据，如果有数据进行加载并对图片进行初始化推荐点；2)网页加载完成后网页图片上会出现标注点；3)访客看到标注点并对图片中的物件感兴趣后可以把鼠标悬停在标注点上；4)此时标注点上会显示弹出层，通过弹出层显示物件标题，备注，图片，查看更多。5)如果访客对物件满意则可以点击查看更多跳转到购买页或介绍页。以上所述仅是本发明的优选实施方式，并不用于限制本发明，应当指出，对于本
技术领域：
的普通技术人员来说，在不脱离本发明技术原理的前提下，还可以做出若干改进和变型，这些改进和变型也应视为本发明的保护范围。当前第1页12