北美网备份站

标题: discuz论坛系统中自定义广告位(Zt) [打印本页]

作者: 北美生活网    时间: 2017-4-15 22:00
标题: discuz论坛系统中自定义广告位(Zt)
http://blog.csdn.net/yanhui_wei/article/details/104430497 P" Z+ _" K) r

5 E+ |, z0 m0 m  p  R$ _

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


9 R" N3 [% ?9 z1 Z6 |Discuz是国内非常流行的建站系统,能提供门户、论坛、博客等一整套Web2.0解决方案。Discuz的后台有专门的广告管理系统,并自带了相当多的广告位。比如:首页通栏广告,页尾广告,论坛内帖间广告,帖内广告,漂浮广告,对联广告等等…基本覆盖了常用的类型已经页面上的位置。
, N) ?6 I% i, V  l+ ]. H5 c
. b2 g. M8 W# b& m尽管如此,对应Discuz的X系列建站程序来说,其内置的位于家园(博客)版面的广告位就非常少,对于靠广告赚钱的广大站长来说,页面上的每一寸宝贵空间都应该得到有效的应用!
4 t# }- q9 U5 f1 u4 t% Z" b- r, c$ a1 \0 f" {
本文将向读者介绍如何在Discuz X系列建站程序的日志列表以及日志正文页面添加自定义广告位。1 a& R' h  `" k2 Y( D/ j
: e3 G" S( t0 c8 a7 p. D7 a2 p) T
第一步,添加自定义广告位$ x8 ]4 d9 v7 ~  H: u

$ C4 _. |$ b4 V8 r5 U1、  进入Discuz后台控制面板,选“运营”-“站点广告”。/ J1 o( j; i# f$ ?! h0 Y. |) ^
9 o% G7 r! Q% {, U& ?
2、  在页面正下方,找到“添加自定义广告位”。根据提示创建一个名为“home_728x90”,home 表示该广告位位于家园版块,728x90 表示广告的尺寸。
  b! R) y; j. Q+ J  o- J/ N4 c3 F0 E$ m6 `* i
3、  其他如添加广告代码与内置广告位无异。
: d9 j6 Y3 w/ u
7 I2 W1 X, O) D! q, R第二步,将自定义广告位置入页面模版文件中。
) v! I9 s1 D+ ^5 ?3 v+ n: ]  y, {+ C! _2 X; j
1、  修改Discuz日志列表和日志正文模版文件,添加广告位。& c7 e/ f- M+ m

( u2 }" W  H: @9 [) T% \2、  其中日志列表模版文件名为:“template\default\home\ space_blog_list.htm”。; c9 W( C2 J0 m" L

+ m. e9 u4 b: g& F) y; ?3 Y3、  搜索字符串“<div id="ct" class="ct2 wp cl">”,X2版本的在文件的第93行。+ S$ k- B) F9 k' m5 J2 a+ K) M" m/ q5 G

* m* }, {* ~3 L; P3 d: X# h4、  在“<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>
    复制代码

      s  d+ ]. o6 c

( P# s) J  g9 e8 c. h$ A7 m0 j[color=rgb(51, 102, 153) !important]复制代码

4 ~# H9 e2 y6 e; M# _6 q3 T- A代码说明:bm 是Discuz内置的CSS类型,相关信息可以在文件“template\default\common\common.css”中找到;style 定义的是让广告代码居中显示;“<!--{ad/custom_4}-->”表示内部调用第一步创建的自定义广告位。" [, ~; m* X) g5 `
) P9 Y: r9 D% R( i' D
修改前代码如下:
    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>
    复制代码

    % ^- h' W, |$ U8 R

  • $ M3 _  Z& c* a# p: r

8 Y, Z. o& B( U" }. P[color=rgb(51, 102, 153) !important]复制代码

; w/ c- L% @6 W9 k修改后代码如下:
    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>
    复制代码
    2 V3 `; M# z1 b
; E2 V7 ?; u% N+ p4 L1 A. e  v; G$ u& C
[color=rgb(51, 102, 153) !important]复制代码
9 j$ I1 B3 v: ~  F( d
5、  搜索字符串“<div class="sd">”,X2版本的在文件的第196行。
" p  n8 n4 U& C6 x) z& M. E
$ Z8 Z7 e6 w3 O6、  在“<div class="sd">”的上两行的位置,即“<div class="sd">”的上一行(第195行)添加第4步中一样的代码。
7 e0 l* a: \# [6 }
0 S. G* m. S! D) X修改前代码如下:
( O. h) P8 R3 r4 l2 [1 A[color=rgb(51, 102, 153) !important]复制代码

! R* R4 K9 c) e, @7 o8 H修改后代码如下:[color=rgb(51, 102, 153) !important]复制代码; ], Z+ L0 o4 b! g; L8 K
第三步,刷新页面查看效果。* ^) D: V, `, k5 ~" d# Z
- x* i- W0 Q3 o; a7 {6 b8 g- T
在任何用户的日志列表的头部和尾部都会出现自定义的728x90广告。 % u3 G8 @$ m% m) Q, }5 D  e# l

5 z3 o3 e0 ]" A$ q: O( Y+ f5 \! Q5 l1 q1 U/ T
也许你会发现位于页面右侧用户头像下方有大片空白区域,不利用起来真是浪费了,这可是160x600 巨幅广告的黄金位置。在此位置创建广告位的方法和之前的方法基本类似,以下仅给出需要修改的页面模版文件以及广告位代码。. O- F, Z/ d- Y8 t& f

: s, l# e' N; \9 Y/ E) }" d  n
- n4 A# W- m! m  G8 j' V页面模版文件:“template\default\home\space_userabout.htm”
6 e% e6 p2 z; [0 s6 k: z
5 \: ~6 X: V+ e* L需要修改的位置:文件末尾,即在最后添加广告位代码。X2版本为第79行。
& r+ N2 @+ a2 l
/ Y& k. A" f$ j% j广告位代码如下:
% [; M0 z5 Z$ W7 }3 v, \/ y0 u[color=rgb(51, 102, 153) !important]复制代码

8 l8 Q1 E! w; o  L6 s' \6 r% V其中“<!--{ad/custom_3}-->”是在Discuz后台新创建的自定义广告位$ G0 G6 E5 t2 e( e# @. X
. `- z9 m( D6 o$ G9 ^8 N+ _
经过以上步骤后,Discuz X系列建站程序中的用户日志列表页面就会增加3个广告位,其中一个位于用户头像下方,可以放置纵向160x600尺寸的广告;另外两个分别位于日志列表的头部和尾部,可以放置横向728x90尺寸的横幅广告。  E7 \6 ?/ ^$ F3 w2 q4 y- F
& u( Y& ?4 Y9 N" n# ]6 S7 Z- h$ e
需要特别指出的是:因为160x600的广告位是修改的模版文件“template\default\home\space_userabout.htm”,因此任何包含此模版文件的页面都会显示 160x600 的广告,这些页面包括家园版块中个人主页下面“动态”、“记录”、“日志”、“相册”、“分享”、“留言板”以及“个人资料”。0 j" [+ z7 u5 E1 ^) O# ~0 y
) t& Y. y3 m8 c- Z- n
最后,如果还需要在日志正文页面也添加头部和尾部的广告位,可以参考“日志列表”模版文件的修改方法!“日志正文”的模版文件是:“template\default\home\ space_blog_view.htm”- B) j* l7 z4 K2 T

3 g& {1 J; I2 N- E本站用户日志列表及日志正文均以添加以上所述的三种广告位,有兴趣的读者可以通过访问本站相关日志页面查看效果!
5 ]$ ^4 p  w3 I6 R: J7 R" O2 ]% y
, e6 V* P# y. @! y; E$ M
作者: 北美生活网    时间: 2017-4-15 22:02
http://www.cnblogs.com/puzi0315/archive/2012/07/11/2586338.html




欢迎光临 北美网备份站 (http://beimeilife.duckdns.org/) Powered by Discuz! X3.2