discuz论坛系统中自定义广告位（Zt)

http://blog.csdn.net/yanhui_wei/article/details/10443049

版权声明：本文为博主原创文章，未经博主允许不得转载。

Discuz是国内非常流行的建站系统，能提供门户、论坛、博客等一整套Web2.0解决方案。Discuz的后台有专门的广告管理系统，并自带了相当多的广告位。比如：首页通栏广告，页尾广告，论坛内帖间广告，帖内广告，漂浮广告，对联广告等等…基本覆盖了常用的类型已经页面上的位置。

尽管如此，对应Discuz的X系列建站程序来说，其内置的位于家园（博客）版面的广告位就非常少，对于靠广告赚钱的广大站长来说，页面上的每一寸宝贵空间都应该得到有效的应用！
. f! @  j: r) U; G
本文将向读者介绍如何在Discuz X系列建站程序的日志列表以及日志正文页面添加自定义广告位。

第一步，添加自定义广告位。

1 `1 E7 b* Z! z- _! ?8 C1、  进入Discuz后台控制面板，选“运营”-“站点广告”。

6 T/ t2 N# H" H& l. R  d7 f, N  U+ ~2、  在页面正下方，找到“添加自定义广告位”。根据提示创建一个名为“home_728x90”，home 表示该广告位位于家园版块，728x90 表示广告的尺寸。
7 t; K! t' `& l' G. h& F
2 D+ O3 N8 Z  j# X3、  其他如添加广告代码与内置广告位无异。
& Y; l+ M  ]$ L, ]) X6 n6 ]
: ?$ l2 f; B# S. b5 G9 e第二步，将自定义广告位置入页面模版文件中。
6 f# r0 g+ P4 e" r1 U  u+ Z) _
- Q- i) ?1 C- g* b3 e, {1、  修改Discuz日志列表和日志正文模版文件，添加广告位。
6 g& y1 k9 j0 i4 I2 ^
2、  其中日志列表模版文件名为：“template\default\home\ space_blog_list.htm”。

+ s6 ?3 P! q- K/ K; ^3、  搜索字符串“<div id="ct" class="ct2 wp cl">”，X2版本的在文件的第93行。

2 A- w1 B; v. x% c9 n7 V4 x" n# Z4、  在“<div id="ct" class="ct2 wp cl">”下一行，即“<div class="mn">”的下一行（第95行）添加如下代码：

• 1. <div class="bm" style="padding:10px 0 10px 15px;">    <!--{ad/custom_4}-->       </div>

  复制代码
  
  

* W- R( r1 Q( b9 l$ A[color=rgb(51, 102, 153) !important]复制代码
代码说明：bm 是Discuz内置的CSS类型，相关信息可以在文件“template\default\common\common.css”中找到；style 定义的是让广告代码居中显示；“<!--{ad/custom_4}-->”表示内部调用第一步创建的自定义广告位。

修改前代码如下：

• 1. <li></li><li><div id="ct" class="ct2 wp cl"></li><li></li><li>           <div class="mn"></li><li></li><li>                    <div class="bm"></li>

  复制代码
  
  , O, i( K- y" K$ s) E2 J
• 
  

9 H7 k5 z7 [6 |7 l2 [; c[color=rgb(51, 102, 153) !important]复制代码
4 L0 X$ k& d( R9 T: H$ u! H! N修改后代码如下：

• 1. <li></li><li><div id="ct" class="ct2 wp cl"></li><li></li><li>           <div class="mn"></li><li></li><li>                    <font color="Red"><div class="bm" style="padding:10px 0 10px 15px;"> <!--{ad/custom_4}-->       </div></font></li><li></li><li>                    <div class="bm"></li><li></li>

  复制代码
  
  9 r& R7 [: Z' Z6 U' `5 R

3 X( p# ~0 Z9 H; }. v9 m3 {2 F/ T$ R[color=rgb(51, 102, 153) !important]复制代码
4 a8 g: F) c3 p# O$ l$ u7 a) l5、  搜索字符串“<div class="sd">”，X2版本的在文件的第196行。
1 T% a' ]" l( p, o. \
  `: X' N" |2 u) j. G+ T6、  在“<div class="sd">”的上两行的位置，即“<div class="sd">”的上一行（第195行）添加第4步中一样的代码。

修改前代码如下：

• 1. <li></li><li>           </div></li><li></li><li></div></li><li></li><li><div class="sd"></li><li></li>

  复制代码
  
  

[color=rgb(51, 102, 153) !important]复制代码
. O+ F/ A: G7 C9 ~$ l修改后代码如下：

• 1. <ul type="1" class="litype_1"><li></li><li>           </div></li><li></li><li>           <div class="bm" style="padding:10px 0 10px 15px;">    <!--{ad/custom_4}-->                 </div></li><li></li><li></div></li><li></li><li><div class="sd"></li><li>
     
  2. </li></ul>

  复制代码
  
  5 s3 o  r# F, M! }9 Y

[color=rgb(51, 102, 153) !important]复制代码
+ p) y: S  p, p/ A6 _第三步，刷新页面查看效果。

8 b4 a  ~$ b1 ^4 z* f9 j在任何用户的日志列表的头部和尾部都会出现自定义的728x90广告。
* h) f2 x  m* W
, |) T0 |. j8 Y4 `
也许你会发现位于页面右侧用户头像下方有大片空白区域，不利用起来真是浪费了，这可是160x600 巨幅广告的黄金位置。在此位置创建广告位的方法和之前的方法基本类似，以下仅给出需要修改的页面模版文件以及广告位代码。

3 J  X& G) v2 y0 i7 ^1 p* @
页面模版文件：“template\default\home\space_userabout.htm”

需要修改的位置：文件末尾，即在最后添加广告位代码。X2版本为第79行。
! }9 u) @$ G+ `
$ _3 W' a  g) ~" y  A2 X( @广告位代码如下：

• 1. <div class="sd"><div class="bm" style="padding:10px 0 10px 9px;"><!--{ad/custom_3}--></div></div>

  复制代码
  
  

[color=rgb(51, 102, 153) !important]复制代码
其中“<!--{ad/custom_3}-->”是在Discuz后台新创建的自定义广告位

8 M" e( \5 L/ l. @* I( |- W5 G3 C  H经过以上步骤后，Discuz X系列建站程序中的用户日志列表页面就会增加3个广告位，其中一个位于用户头像下方，可以放置纵向160x600尺寸的广告；另外两个分别位于日志列表的头部和尾部，可以放置横向728x90尺寸的横幅广告。
" J1 i8 X3 U' N
* f8 y# I6 M& q- e8 ?. Q需要特别指出的是：因为160x600的广告位是修改的模版文件“template\default\home\space_userabout.htm”，因此任何包含此模版文件的页面都会显示 160x600 的广告，这些页面包括家园版块中个人主页下面“动态”、“记录”、“日志”、“相册”、“分享”、“留言板”以及“个人资料”。

7 T- \3 M' ^3 P! S  [最后，如果还需要在日志正文页面也添加头部和尾部的广告位，可以参考“日志列表”模版文件的修改方法！“日志正文”的模版文件是：“template\default\home\ space_blog_view.htm”
. o7 z& h) G4 k. Y, C6 z/ R2 m6 o" P
5 R1 i  `" b' U' p本站用户日志列表及日志正文均以添加以上所述的三种广告位，有兴趣的读者可以通过访问本站相关日志页面查看效果！

  d/ E9 G; t5 T" E% k: O9 |

转载请保留当前帖子的链接：https://www.beimeilife.com/thread-47011-1-1.html 谢谢

http://www.cnblogs.com/puzi0315/archive/2012/07/11/2586338.html