广告设置

来自DBShop帮助中心
跳转至: 导航搜索

 特别注意:如果您的广告添加页面,无法正常显示广告位置,可能是您使用的浏览器版本过低导致,请更换其他浏览器进行查看,或者升级当前的浏览器。
如果您,后台删除了广告,前台该广告还是存在,可以通过两种方法解决 
1)系统后台如开启了缓存,那么去后台清除一下。
2)在/data/moduledata/Ad/下面找到对应的模板名称目录,然后将该目录下面的所有文件都删除掉,不要把目录删除哈,删除完毕以后,进入后台的广告管理,编辑已有的广告,进行一次保存操作,就可以了。

从DBShop V0.9 RC版本开始,广告位置与广告内容将以模板为单位区分开来。例如:前台有两套模板 A、B,现在前台默认模板为A,我们在后台设置的广告内容,这个时候设置的广告都属于模板A,只能在A模板中显示。当切换了另一套模板B时,之前设置的A模板广告,将不会在后台和前台显示,需要重新针对B模板设置自己的广告信息,即广告内容跟随模板显示而显示。

目录

广告类型

20131204182617.png

首页广告:在前台首页显示的广告内容设置。
分类页广告:在前台商品分类页显示的广告内容设置。目前该前台也无广告位可设置,官方正在开发中。
产品页广告:在前台商品详细展示页面显示的广告内容设置。目前该前台也无广告位可设置,官方正在开发中。

首页广告

首页广告列表

20131204183015.png

首页广告添加与编辑

图片广告

20131204183308.png

广告位置:选择广告位置。
广告名称:填写广告名称,此名称在前台不显示,只是为了后台查看方便。
开始时间:广告开始显示的时间,不填写即不限制。
结束时间:广告结束时间,不填写即不限制。
广告类型:选择广告类型。广告类型分为四种 图片广告 文字广告 代码广告 幻灯片广告广告图片:选择上传的广告图片,这里系统提供了推荐尺寸。
广告URL地址:输入广告需要链接的地址。
状态:启用则显示广告,禁用则关闭广告显示,都是对前台所言。
下面为前台首页的图片广告显示效果

20131208011941.png

文字广告

20131204183412.png

广告文字:填写入前台需要显示的文字信息。
其他项与上面的解释类似,在此不细说
代码广告

20131204183451.png

广告代码:填写入广告代码。
其他项与上面的解释类似,在此不细说
幻灯片广告

20131204183533.png

幻灯片图片:选择需要上传的图片作为幻灯片效果的图片。
显示文字:输入文字,文字在幻灯片上效果上显示。
排序:填写入排序数字,前台幻灯片按照升序排列显示幻灯片。
其他项与上面的解释类似,在此不细说
下面为前台首页的幻灯片显示效果

20131208011748.png

分类页广告

分类广告显示在前台商品列表页面。目前分类广告有两个位置:商品列表横幅商品列表左侧菜单广告

商品列表横幅广告前台显示效果如下图

20131212220552.png

商品列表左侧菜单广告前台显示效果如下图

20131212220313.png

产品页广告

前台产品详细页面广告。这里只有一个广告在 品质保证 下面,显示效果图如下

20131212220840.png

自定义模板广告

从DBShop V0.9 RC版本开始,系统将单独提供前台开源模板下载,并可以根据自身需要自由修改和添加广告位置与信息。如何创建新前台模板请看这里

下面我们来说一下,如何给模板新添加广告,我们假设您已经下载了前台开源模板并安装好,在后台模板管理中已可以看到。
在模板的目录下面有个 template.ini 文件,这个文件是模板的配置信息文件,当前模板的广告配置信息就在这里,如下图 红色标注为广告配置信息
20140118143557.jpg
上面的标注中,是三个类别的广告,分别的是首页广告(包含3个广告)、商品列表页广告(包含2个广告)、商品内容页面广告(包含1个广告),我们在下面来解释其中一个类别广告,看完解释,您将会明白添加广告非常容易
注:广告信息必须写在 [ad] 下面

class.0="index" 
解释:class.0 广告类别的起始写法,因为是第一个类别所以class.后面是0  index 广告类别标记代码表示,这里可以随便写您喜欢的名称,注意 请用英文字母填写

classname.index="首页广告"
解释:广告类别名称,注意其中 classname.index 的 index 是与上面你填写的类别代码相对应,如果上面写的是my,那么这里也应该写my

index.place.class_right="商品分类右侧"
解释:广告位置信息, index.place.class_right 第一部分 index 与上面类似,必须是类别标记代码;place为默认写法无需改变;class_right 自己定义的非重复性位置标记

index.size.class_right_image="840(width) × 280(height)"
解释:广告图片所需尺寸,该内容显示在添加该位置广告时的提示内容。index.size.class_right_image 第一部分index是类别标记;size是默认写法;class_right_image为上面
的广告位置标记 class_right 加上系统默认 _image

index.size.class_right_image_width="840"
解释:广告图片宽度,这个设置直接影响后台对于上传图片宽度的处理,数值不要加入px。 index.size.class_right_image_width 其中 index类别标记;
size是默认写法;class_right_image_width 位置标记class_right加上系统默认 _image_width

index.size.class_right_image_height="280"
解释:广告图片高度,这个设置直接影响后台对于上传图片高度的处理,数值不要加入px。  index.size.class_right_image_height 其中 index类别标记;
size是默认写法;class_right_image_height 位置标记class_right加上系统默认 _image_height
上面即为该类别下第一个广告的配置信息编写

下面是同一类别下第二个广告,编写方式一样,不再进行过多解释
index.place.common_down="推荐商品下面"
index.size.common_down_image="985(width) × 90(height)"
index.size.common_down_image_width="985"
index.size.common_down_image_height="90"

下面是同一类别下第三个广告,编写方式一样,不再进行过多解释
index.place.new_down="最新商品下面"
index.size.new_down_image="985(width) × 90(height)"
index.size.new_down_image_width="985"
index.size.new_down_image_height="90"

那么上面的广告标记对应的哪里呢?我们来说明一下,看下面的效果图
20140118150520.jpg
20140118150641.jpg
20140118150805.jpg
要完成到前台的显示,还有两步工作要做,第一添加广告模板,第二把广告信息放入具体模板位置。

我们先来看,添加广告模板:
和template.ini 文件同目录下,有一个ad目录,广告模板就是放在这个目录中。对应的广告模板命名方式是
类别标记_广告位置标记.phtml 如上面的第一个广告,那么广告模板就是 index_class_right.phtml 文件

广告模板中主要添加 {content} 标记,此为广告内容标记。也可以是设计师设计了前台模板中的广告,把整个广告部分的html放在广告模板中,然后把预设的广告内容用 {content} 标记替换即可。这样就完成了,广告模板的编写。

注意:ad目录下的 code.phtml image.phtml slide.phtml text.phtml 四个文件不要随便更换名称或者删除,他们代表了 代码广告、图片广告、幻灯片广告、文字广告,四个广告类型,设计师也可以根据情况自行修改。
接着我们来看,将广告植入前台模板中
先看下面的一段代码,加入了解释内容,在实际应用中,去掉解释的内容即可

<?php
$ad_class_right = $this->frontwebsite()->getShopAd('index', 'class_right');
解释:$ad_class_right 自定义广告变量,用英文字母命名一个没有重复的名称即可,前面加上 $ 符号
$this->frontwebsite()->getShopAd('index', 'class_right');调用广告内容,'index'为类别标记,'class_right' 为位置标记
    if($ad_class_right != ) {
    解释:判断当前的这个广告是否有显示内容,如果有显示内容,继续执行
        echo $ad_class_right;
        解释:输出广告内容
    }
?>

以上代码去除注释后的样子如下

<?php
$ad_class_right = $this->frontwebsite()->getShopAd('index', 'class_right');
    if($ad_class_right != ) {
        echo $ad_class_right;
    }
?>

按照上面的例子编写广告输出代码,然后把代码插入到模板的指定位置,这样一个完整全新的广告就可以正常设置显示了。理论上来说,您可以在前台任意位置设置广告。

自己动手新建广告例子

在上面的内容中,我们以前台模板固有的广告为例子,讲了如何新建广告。下面我们亲自动手来创建一个类别广告巩固上面讲的知识(如果您只是需要在一个现有类别中新建广告,就无需新建类别了),我们就已默认模板为例子了。

首先,我们查看template.ini文件中,有几个广告类别,设置文件中有3个广告类别,那么第4个广告类别是要用 3 这个数字的,因为广告类别顺序是以 0 开始的,我们加入下面的配置信息(如不明白下面信息是什么意思,请看上一节内容)

class.3="other"
classname.other="其他广告"
other.place.other_any="任意位置广告"
other.size.other_any_image="360(width) × 90(width)"
other.size.other_any_image_width="360"
other.size.other_any_image_height="90"

下面我们去后台看看广告管理,是否已经显示相关信息
20140118155251.jpg
20140118155342.jpg
20140118155431.jpg
我们可以看到,已经在后台显示了,但是目前还不能设置,因为还没有添加广告模板和把广告插入模板中。

在ad目录新建 other_other_any.phtml 在该文件中 插入 {content} 标记,您也可以在标记外围加入html代码
然后我们就在前台首页的最新商品下面放这个广告吧。把下面的代码插入首页最新商品下面

<?php
$ad_other = $this->frontwebsite()->getShopAd('other', 'other_any');
    if($ad_other != ) {
        echo $ad_other;
    }
?> 

最后我们在后台设置该广告内容,请看下面效果图
20140118160215.jpg
20140118160625.jpg
新添加的广告显示了,只是显示位置和大小有些失真,因为并没有对实际位置进行过多的优化和调整,只是随便加入的,所以才会这样。前台设计人员在加入的时候,要保证广告位置大小对应即可完美显示。