广告设置

来自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
新添加的广告显示了，只是显示位置和大小有些失真，因为并没有对实际位置进行过多的优化和调整，只是随便加入的，所以才会这样。前台设计人员在加入的时候，要保证广告位置大小对应即可完美显示。

来自“http://help.dbshop.net/index.php?title=广告设置&oldid=3111”