一种实现基于浏览器窗口的固定广告位的方法技术

本发明专利技术公开了一种实现基于浏览器窗口的固定广告位的方法，包括打开初始网页并加载一用于固定广告位的广告代码；执行所述广告代码；对所述广告代码进行初始化；判断浏览器是否支持广告位置固定的定位标准，如果支持所述定位标准，则跳过转入下步；如果不支持所述定位标准，则对所述网页结构进行拆分，创建广告占位容器；显示广告，将所述广告代码中的ＦＬＡＳＨ对象插入到所述广告占位容器内，并播放ＦＬＡＳＨ对象。本发明专利技术利用了拆分网页结构这一以前没有使用过的独特技术来实现广告的固定占位，解决了长期困扰网页广告的广告内容飘浮于网页的问题。

Method for implementing fixed advertisement bit based on browser window

The invention discloses a method for realizing fixed advertising based on browser window, including the open web page and a load for a fixed initial advertising advertising code; execute the code to initialize the advertisement; the advertisement code; if the browser supports the positioning standard fixed position, if the support of the positioning standard. Skip to next step; if you do not support the positioning standard, then split the structure of web pages to create ads for containers; display ads, the ad code in the FLASH object into the advertisement for the container, and playing the FLASH object. The invention utilizes the unique technique of splitting the webpage structure, which has not been used before, to realize the fixed occupation of the advertisement, and solves the problem that the advertisement content of the webpage advertisement floats on the webpage for a long time.

【技术实现步骤摘要】

本专利技术涉及互联网富媒体广告技术，尤其涉及一种实现基于浏览器窗口的固定广 告位的方法。
技术介绍
由于互联网媒体的特质，网络广告的表现形式也丰富多彩。但受制于通路、带 宽、终端设备等诸多客观因素，网络广告的制作和运用也有所局限。在相关技术条件 得以实质性改善之前，网络广告的内容创意和形式创新方面很难有大的突破。常见的富媒体广告中，以弹出窗、横幅广告和浮层广告为主要表现形式，其中 第一种弹出窗口的形式，由于其需要弹出一个新的窗口来展现广告内容， 一直以来给 用户带来的是不佳的广告体验方式，以至于能被多数的工具拦截，影响广告的投放。 第二种横幅广告形式，由于其需要占用网页内容空间，至使其的扩展性和投放位置受 到网页布局的限制。约束广告创意的空间，限制了部分良好的广告效果。而第三种浮 层广告，由于其本身的特性是通过覆盖当前网页内容来实现广告投放，这样毫无顾忌 的覆盖网页内容给网站和用户两方面都带来了一定的困扰一一广告播放期间不能正 常的浏览网页。浮沉广告随页面滚动会有滞后感，并带有飘移的感觉。上述三种广告 形式及位置上没有更为大胆的突破。并且由于以上三类形式的自身都含有部分局限 性，不能带来更好的广告效果和用户体验。随着我国网民数、上网计算机数、网站数的迅速增长，与之相对应，网络广告 市场也保持了高速增长的势态。然而，当越来越多的企业计划大幅增加对网络广告的投放额度之际，许多广告 商仍然在网络广告的门前徘徊，原因是缺乏网页广告编写技术的支持。因此，如何依托网络媒体自身的成长，培育网络广告市场，创新网络广告形式， 是本申请人致力研究的内容
技术实现思路
为了解决了弹出广告、横幅广告、浮层广告这些形式中的弊端，增强了用户体验， 丰富了网站的广告形式，更加吸引用户的眼球，本专利技术的目的在于提供一种基于浏览 器窗口的固定广告位的方法，达到丰富富媒体广告的表现形式。为了实现上述专利技术目的，本专利技术， 包括下列步骤步骤一，使用浏览器窗口打幵初始网页，在所述初始网页中加载一用 于固定广告位的广告代码，所述广告代码包含有一 FLASH对象；步骤二，执行所述广 告代码；步骤三，对所述广告代码进行初始化，并获取所述浏览器窗口的宽度、高度， 所述初始网页页面的总宽度、总高度隐藏页面主体的滚动条；步骤四，判断浏览器是 否支持广告位置固定的定位标准，如果支持所述定位标准，则跳过步骤五转入步骤六； 步骤五，如果不支持所述定位标准，则对所述网页结构进行拆分，当整个DOM树装载 完毕后，在内存中根据步骤三获得的窗口宽度、高度以及页面宽度和高度，创建第一 个高度为100%的DIV对象，然后将步骤一中使用者打开浏览器时初始网页中所有的 节点依次全部压入到所述DIV对象中；步骤六，创建广告占位容器；步骤七，显示广告，将所述广告代码中的FLASH对象插入到所述广告占位容器内，并播放FLASH对象。 比较好的是，根据步骤五的两种方式，所述步骤六进一步包括若浏览器支持 广告位置固定的定位标准，在所述网页上创建一个带固定定位属性的DIV对象；若步骤五采用了拆分网页结构，创建第二个DIV对象作为广告容器，然后在所 述DOM树中将其加入到第二个DIV对象后面。比较好的是，所述歩骤五的拆分网页结构步骤中，将原始网页结构拆分进一个 容器内。本专利技术通过独特的网页结构拆分手段，实现了广告位始终停留在浏览器的固定位 置，网页滚动条的移动也不会影响广告位的停留位置，从而改善了长久以来网页广告 不友好、带有强制意味的体验方式，大大的改善了用户体验。通过这个高级、新颖的 技术手段开辟了富媒体广告的新战场，给网络广告注入了新的活力。本专利技术的这一与 众不同的特性，能够更好的为广告创意提供支持，使得广告创意能够更为大胆，更为 吸引眼球的展示在网页之中。附图说明下面，参照附图，对于熟悉本
的人员而言，从对本专利技术方法的详细描 述中，本专利技术的上述和其他目的、特征和优点将显而易见。 图1是本专利技术的流程具体实施例方式请参见图1所示，本专利技术的实现基于浏览器窗口的固定广告位的方法的实现步骤 包括步骤10，加载带广告的网页，具体是，使用者采用浏览器打开网页，在该网页中嵌有一固定广告位的广告代码，同时装载D0M树，该广告代码中包含有一 FLASH对 象；步骤ll，执行广告代码，当网页中的脚本解释器运行到广告代码所在的行数时， 触发该固定广告位的广告代码执行；步骤12，广告代码初始化，此时获取浏览器窗口的宽度、高度，页面的总宽度、 总高度隐藏页面主体的滚动条。步骤13，判断是否需要拆分网页结构？具体是判断是否支持原生固定定位方式， 即判断浏览器是否支持广告位置固定的定位标准；步骤15，如果支持，则直接选用原生支持固定方式；步骤14，如果浏览器不支持广告位置固定的定位标准，就需要拆分网页结构， 当整个D0M树装载完毕后(使用window, onload事件判断)，在内存中根据步骤三获得 的窗口宽度、高度以及页面宽度和高度，创建一个高度为100%的DIV对象，然后将 步骤一中使用者打开浏览器时原始页面中所有的节点(多级的)依次全部压入到新的 DIV对象中。这样原始的页面内容都被压入到一个父节点之中。页面结构已经发生了 大的变化。步骤16，创建广告占位容器，若支持原生固定定位方式，在网页上创建一个带 固定定位属性的DIV对象；如果是采用了步骤六的拆分网页结构方式，需要再创建一 个DIV对象做为广告容器来使用。然后在DOM树中将其加入到新创建的DIV对象后面。步骤17，显示广告，将所述广告代码中的FLASH对象插入到该广告占位容器内， 并播放FLASH对象。本专利技术利用了拆分网页结构这一以前没有使用过的独特技术来实现广告的固定 占位，解决了长期困扰网页广告的广告内容飘浮于网页，拓展了超大的、全通栏的广 告位，并结合广告创意达到不影响用户浏览网页，提供给了用户良好的体验环境，在 不干扰用户的情况下又拉近了用户与广告产品之间的距离，达到丰富富媒体广告的表 现形式，增强了用户体验。前面提供了对较佳实施例的描述，以使本领域内的任何技术人员可使用或利用本专利技术。对这些实施例的各种修改对本领域内的技术人员是显而易见的，可把这里所 述的总的原理应用到其他实施例而不使用创造性。因而，本专利技术将不限于这里所示的 实施例，而应依据符合这里所揭示的原理和新特征的最宽范围。权利要求1. ，包括下列步骤步骤一，使用浏览器窗口打开初始网页，在所述初始网页中加载一用于固定广告位的广告代码，所述广告代码包含有一FLASH对象；步骤二，执行所述广告代码；步骤三，对所述广告代码进行初始化，并获取所述浏览器窗口的宽度、高度，所述初始网页页面的总宽度、总高度隐藏页面主体的滚动条；步骤四，判断浏览器是否支持广告位置固定的定位标准，如果支持所述定位标准，则跳过步骤五转入步骤六；步骤五，如果不支持所述定位标准，则对所述网页结构进行拆分，当整个DOM树装载完毕后，在内存中根据步骤三获得的窗口宽度、高度以及页面宽度和高度，创建第一个高度为100％的DIV对象，然后将步骤一中使用者打开浏览器时初始网页中所有的节点依次全部压入到所述DIV对象中；步骤六，创建广告占位容器；步骤七，显示广告，将所述广告代码中的FLASH对象插入到所述广告占位容器内，并播放F本文档来自技高网...

【技术保护点】
一种实现基于浏览器窗口的固定广告位的方法，包括下列步骤：　步骤一，使用浏览器窗口打开初始网页，在所述初始网页中加载一用于固定广告位的广告代码，所述广告代码包含有一ＦＬＡＳＨ对象；　步骤二，执行所述广告代码；　步骤三，对所述 广告代码进行初始化，并获取所述浏览器窗口的宽度、高度，所述初始网页页面的总宽度、总高度隐藏页面主体的滚动条；　步骤四，判断浏览器是否支持广告位置固定的定位标准，如果支持所述定位标准，则跳过步骤五转入步骤六；　步骤五，如果不支持所 述定位标准，则对所述网页结构进行拆分，当整个ＤＯＭ树装载完毕后，在内存中根据步骤三获得的窗口宽度、高度以及页面宽度和高度，创建第一个高度为１００％的ＤＩＶ对象，然后将步骤一中使用者打开浏览器时初始网页中所有的节点依次全部压入到所述ＤＩＶ对象中；　步骤六，创建广告占位容器；　步骤七，显示广告，将所述广告代码中的ＦＬＡＳＨ对象插入到所述广告占位容器内，并播放ＦＬＡＳＨ对象。

【技术特征摘要】

【专利技术属性】
技术研发人员：陈敏华，
申请(专利权)人：天图信息技术上海有限公司，
类型：发明
国别省市：31[中国|上海]