CN1916897A - 一种实现基于ie浏览器的工具栏广告的方法 - Google Patents

Abstract

一种实现基于IE(internet explorer网络探索者)浏览器的工具栏广告的方法，包括：加载带广告的网页；加载广告代码；广告代码初始化；获取浏览器工具栏的宽度高度；获取浏览器工具栏的坐标；在工具栏中创建广告容器；显示广告；用户关闭广告。本发明IE工具栏广告利用了浏览器工具栏这一以前没有使用过的位置，来实现广告的播放，解决了广告和网页内容重叠的问题，并在不打开新窗口的情况下就能将广告定位在工具栏位置上，不影响用户的浏览器环境，并且模拟了浏览器工具栏拥有的所有功能，提供给了用户良好的体验环境，在不干扰用户的情况下又拉近了用户与广告产品之间的距离，达到丰富富媒体广告的表现形式，增强了用户体验。

Description

一种实现基于IE浏览器的工具栏广告的方法

技术领域

本发明涉及互联网富媒体广告技术，尤其涉及一种实现基于IE(internetexplorer网络探索者)浏览器的工具栏广告方法。

背景技术

由于互联网媒体的特质，网络广告的表现形式也丰富多彩。但受制于通路、带宽、终端设备等诸多客观因素，网络广告的制作和运用也有所局限。在相关技术条件得以实质性改善之前，网络广告的内容创意和形式创新方面很难有大的突破。

其中富媒体广告中以弹出窗(参见图2)、横幅广告(参见图3)、浮层广告(参见图1)为主要的表现形式，广告形式及位置上没有更为大胆的突破。并且由于以上三类形式的自身都含有部分局限性，不能带来更好的广告效果和用户体验。

其中弹出窗口的形式(参见图2)，由于其需要弹出一个新的窗口来展现广告内容，一直以来给用户带来的是不佳的广告体验方式，以至于能被多数的工具拦截，影响广告的投放。

横幅广告形式(参见图3)，由于其需要占用网页内容空间，至使其的扩展性和投放位置受到网页布局的限制。约束广告创意的空间，限制了部分良好的广告效果。

而浮层广告(参见图1)，由于其本身的特性是通过覆盖当前网页内容来实现广告投放，这样毫无顾忌的覆盖网页内容给网站和用户两方面都带来了一定的困扰——广告播放期间不能正常的浏览网页。

随着我国网民数、上网计算机数、网站数的迅速增长，与之相对应，网络广告市场也保持了高速增长的势态。

然而，当越来越多的企业计划大幅增加对网络广告的投放额度之际，许多广告商仍然在网络广告的门前徘徊，原因是缺乏网页广告编写技术的支持。

因此，如何依托网络媒体自身的成长，培育网络广告市场，创新网络广告形式，是本申请人致力研究的内容。

发明内容

为了解决了弹出广告、横幅广告、浮层广告这些形式中的弊端，增强了用户体验，丰富了网站的广告形式，更加吸引用户的眼球，本发明的目的在于提供一种实现基于IE浏览器的工具栏广告的方法，达到丰富富媒体广告的表现形式。

本发明的目的在于提供一种实现基于IE浏览器的工具栏广告的方法，包括下列步骤：

a)加载带广告的网页；

b)加载广告代码；

c)广告代码初始化；

d)获取浏览器工具栏的宽度高度；

e)获取浏览器工具栏的坐标；

f)在工具栏中创建广告容器；

g)显示广告；

h)用户关闭广告。

在上述的实现基于IE浏览器的工具栏广告的方法中，在创建广告容器步骤中，将IE浏览器特有的popup对象作为容器。

在上述的实现基于IE浏览器的工具栏广告的方法中，该容器显示在正好覆盖IE的标题栏和工具栏部分。

在上述的实现基于IE浏览器的工具栏广告的方法中，显示广告步骤中，将任意显示广告用的HTML代码加载到目标显示区。

在上述的实现基于IE浏览器的工具栏广告的方法中，用window.screenTop及window.screenLeft接口函数来确定浏览器工具栏的宽度高度和坐标。

由于采用了上述的技术解决方案，即本发明IE工具栏广告利用了浏览器工具栏这一以前没有使用过的位置，来实现广告的播放，解决了广告和网页内容重叠的问题，并在不打开新窗口的情况下就能将广告定位在工具栏位置上，不影响用户的浏览器环境，并且模拟了浏览器工具栏拥有的所有功能，提供给了用户良好的体验环境，在不干扰用户的情况下又拉近了用户与广告产品之间的距离，达到丰富富媒体广告的表现形式，增强了用户体验。

附图说明

通过以下对本发明一种实现工具栏广告的方法的一实施例结合其附图的描述，可以进一步理解本发明的目的、具体结构特征和优点。其中，附图为：

图1是现有的富媒体广告中浮层形式的示意图；

图2是现有的富媒体广告中弹出窗口形式的示意图；

图3是现有的富媒体广告中横幅形式的示意图；

图4是本发明富媒体广告中工具栏广告形式的示意图；

图5是本发明实现工具栏广告的流程框图。

具体实施方式

本发明的总体思想是：以工具栏广告(参见图4)通过覆盖浏览器的工具栏及标题栏部分(非网页部分)，并模拟窗口的拖动和缩放来实现浏览器窗口的基本功能。

参见图5，本发明一种实现工具栏广告的方法，包括下列步骤：

步骤101，加载带广告的网页；

步骤102，加载广告代码；

步骤103，广告代码初始化；

步骤104，获取浏览器工具栏的宽度高度，实现关键的代码片断：

var oldX＝window.screenLeft；

var oldY＝window.screenTop；

window.moveTo(0，0)；

var toolbarWidth＝window.screenLeft；

var toolbarHeight＝window.screenTop；

window.moveTo(oldX，oldY)；

步骤105，获取浏览器工具栏的坐标，实现关键的代码片断：

var toolbarLeft＝oldX；

var toolbarTop＝oldY；

此时，变量toolbarWidth、toolbarHeight中的值即为浏览器工具栏的宽度高度；

变量toolbarLeft、toolbarTop中的值即为浏览器工具栏左上角顶点的坐标

步骤106，在工具栏中创建广告容器，实现关键的代码片断：

var box＝window.createPopup()；

box.show(toolbarLeft，toolbarTop，toolbarWidth，toolbarHeight)；

要将广告内容显示在浏览器标准显示区之外，必须通过IE浏览器特有的popup对象作为容器。上述代码即可将该容器显示到指定区域，也就是正好覆盖IE的标题栏和工具栏部分。

步骤107，显示广告，实现关键的代码片断：

Box.document.body.innerHTML＝”广告内容的HTML代码”；

上述的代码就可以方便的将任意显示广告用的HTML代码加载到目标显示区。

通过以上程序流程就实现将工具栏广告放置到网页工具栏上。之后就能开始广告主体部分的投放。

步骤108，用户关闭广告。

广告区功能：

模拟IE浏览器窗口的拖动、缩放操作；

模拟IE浏览器的常规按钮；

广告区可以与IE浏览器内的网页内容产生互动，即随之变化；

并可还原IE原貌。

综上所述，本发明使用popup对象，可将广告显示区移至IE浏览器网页内容以外的区域；用window.screenTop及window.screenLeft接口函数来确定IE工具栏区域的大小和坐标。通过上述两个关键技术，可使广告显示区正好覆盖IE导航栏。是一种新型的网页广告表现形式，采用不用于以往的网页广告编写技术，让使用我们此类技术开发出的广告页面可随网页的浏览而出现于网页顶端。让广告和所浏览的网页浑然一体但不占用原网页的任何区域，并可随网页浏览变换而改变。

虽然本发明实现基于IE浏览器的工具栏广告的方法已参照当前的具体实例进行了描述，但是本技术领域的普通技术人员应该认识到，以上的实例仅是用来说明本发明，在没有脱离本发明精神的情况下还可作出各种等效的变化和修改。因此，只要在本发明的实质精神范围内对上述实例的变化，变型都将落在本发明的权利要求书的范围内。

Claims (5)

1.一种实现基于IE浏览器的工具栏广告的方法，包括下列步骤：

a)加载带广告的网页；

b)加载广告代码；

c)广告代码初始化；

d)获取浏览器工具栏的宽度高度；

e)获取浏览器工具栏的坐标；

f)在工具栏中创建广告容器；

g)显示广告；

h)用户关闭广告。

2.根据权利要求1所述的实现基于IE浏览器的工具栏广告的方法，其特征在于：在创建广告容器步骤中，将IE浏览器特有的popup对象作为容器。

3.根据权利要求2所述的实现基于IE浏览器的工具栏广告的方法，其特征在于：该容器显示在正好覆盖IE的标题栏和工具栏部分。

4.根据权利要求3所述的实现基于IE浏览器的工具栏广告的方法，其特征在于：显示广告步骤中，将任意显示广告用的HTML代码加载到目标显示区。

5.根据权利要求2所述的实现基于IE浏览器的工具栏广告的方法，其特征在于：用window.screenTop及window.screenLeft接口函数来确定浏览器工具栏的宽度高度和坐标。

Images