Posts Tagged ‘多广告’

单页面多广告投放加载速度提升应用

October 10th, 2009

英文原文地址:http://www.openx.org/en/docs/tutorials/single+page+call

单页面广告代码是一种可以帮助降低服务器负载并能提升广告加载速度的代码。单页面广告代码使用一个JS代码的方式实现通过一次HTTP请求就可以展示无数的广告创意,而不用每次显示广告时都向服务器发送一次请求,这样会降低页面加载速度。下面这个说明将告诉您如何使用单页面广告代码(SPC)并且使页面加载速度更快。

快速使用指南

该代码可以在OpenX用户界面里的网站设置一级拿到。

  • 选择Inventory,选择网站,进入所选网站,选择Invocation Code,即可看到以下界面:

spctab

  • 选择相应的代码设置
  • 点击“Generate(生成)”按钮
  • 将打开一个新的窗口详细说明头代码和广告代码,头代码需要放到所选网站的页面头部。复制并粘贴广告代码到您需要展示广告的地方。

注意:如果您需要在一个页面上重复显示同一个广告,需要保证在广告位列表部分的广告位索引是唯一的并且保证不会存在无广告可展现的情况。

通过单页面代码实现显示多个不同广告

下一步,看下如何使用单页面代码实现在同一页面上显示多个不同广告。下面说的这种方式是最有效的方式,可以实现只需要向服务器发送一次HTTP请求,从而提升页面加载速度。

分为两步:

  • 创建一个自命名的广告组,可以使用任何你愿意的名字。比如“zone_[zone_id]”
  • 需要显示广告的时候,使用上面的自命名名称即可。

1、创建一个自命名广告组

在头代码中创建一个广告位数组并放置到网站顶部。

如下:

<script type=’text/javascript’><!–// <![CDATA[
var OA_zones = {
'zone_4235_1' : 4235,
'zone_4235_2' : 4235,
'zone_4235_3' : 4235,
'zone_3906' : 3906,
'zone_1251' : 1251,
'zone_9632' : 9632
}
// ]]> –></script>
<script type=’text/javascript’ src=’http://example.com/delivery/spcjs.php’></script>

注意:上面例子中的“zone_3906”是广告位的名称(任何名称都可以使用,但必须是字母或数字。不用和Openx里面的名字匹配。必填项)。并且保证名字是在引号里面。在这个案例里面“3906”是广告位ID,将这个ID替换成相应的广告位ID即可使用。

注意:最后一个广告位记录不需要加“,”

注意:如果你希望在一个页面上多次显示同一个广告位,你需要为所对应的广告位ID定义多个名称,比如:’zone_4235_1′,’zone_4235_2′。

2、在调用广告时使用广告位名称

在网站代码的<body>部分,通过给OA_show()函数传递您在上面数组中定义的广告位名称来实现。如:

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_4235_1');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_4235_2');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_4235_3');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_3906');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_1251');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_9632');
// ]]> –></script>

注意:在使用自命名的广告位时,只有上面定义过的广告位名称才可以传给OA_show()函数。

3、实际应用

下面的案例将标明如何在页面代码中添加相关代码。

<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<title>Example usage of Single Page Call tags/title>

<script type=’text/javascript’><!–// <![CDATA[
var OA_zones = {
'zone_4235_1' : 4235,
'zone_4235_2' : 4235,
'zone_4235_3' : 4235,
'zone_3906' : 3906,
'zone_1251' : 1251,
'zone_9632' : 9632
}
// ]]> –></script>

<script type=’text/javascript’ src=’http://example.com/delivery/spcjs.php’></script>

</head>

<body>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_4235_1');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_4235_2');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_4235_3');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_3906');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_1251');
// ]]> –></script>

<script type=’text/javascript’><!–// <![CDATA[
OA_show('zone_9632');
// ]]> –></script>

</body>
</html>

点击此链接将进入一个帖子说明如何在单页面代码中传递参数