织梦cms如何实现在列表页中间随机插入广告每隔5行插广告(详解包含代码)

28人参与 |分类: 技术文章|时间: 2021年11月12日
当前位置:网站首页 > 技术文章 > 织梦cms如何实现在列表页中间随机插入广告每隔5行插广告(详解包含代码)

有的时候想要再列表页中间,隔一定数量的文章,就想要放一个广告位。DEDECMS织梦列表页每隔N行文章添加一条广告(也可以自定义改为虚线、实线等)如下图所示:

1-1PP30S2304M.png

dedecms织梦文章列表页随机放入广告的方法

开发教程

1、在后台新建一个广告,模块 --> 广告管理 --> 增加一个广告位(增加加广告位就不赘述了,实在不会的,找一下度娘帮忙),我加好了一个如下图所示有两个调用标签,用JS调用代码

图片.png

1-1PP30S210647.png

<!--预留备用-->

<script src='/plus/ad_js.php?aid=1' language='javascript'></script>

2、打开列表页模板,默认的为 /templets/default/list_article.htm

找到: {/dede:list}

在它的上面增加以下代码:

[field:global name=autoindex runphp='yes']

if(@me%5=='0')

@me='<script src="/plus/ad_js.php?aid=1" language="javascript"></script>';

else @me='';

[/field:global]

代码注释:

以上代码中

[field:global.autoindex/] :这个就是循环变量,表示当前是第几条循环后输出的结果

if(@me%5=='0'):数字 5,判断当前值是否是5的倍数,表示每隔5篇文章,后面就穿插一个广告。

@me='<script src="/plus/ad_js.php?aid=1" language="javascript"></script>';:script就是如果是5的倍数后所要显示的具体代码。

aid=1中的1:代表的是你在后台添加广告位的id。当然这里也可以加各种的样式。

如下代码所示:

[field:global name=autoindex runphp='yes']

if(@me%5=='0')

@me='<div><script src="/plus/ad_js.php?aid=1" language="javascript"></script></div>';

else @me='';

[/field:global]

<!--通过对classname 来对样式进行css的各种控制即可。-->

保存,重新生成列表页,完成。

升级

当然,还可以更复杂一点。有的时候,穿插一个相同的广告,显得太重复,那就可以多建几个不同的广告位,然后随机调用id就可以了。具体代码如下:

[field:global name=autoindex runphp='yes']

if(@me%5=='0') {

$a=array("1","5","8","9","12");

$random_keys=array_rand($a,2);

@me='<div><script src="/plus/ad_js.php?aid='.$a[$random_keys[0]].'" language="javascript"></script></div>';

}

else @me='';[/field:global]

注释:其中"1","5","8","9","12"为你想要调用的广告id号

效果如下,为了好截图,我做成每隔两篇文章,就插入一篇广告:

QQ截图20211115122755.png

如果想把广告换成每5条信息后添加一条虚线,也可以把红色的script写成<div class="liebiao_line"></div>,其css可以写成如下样式:

<style type="text/css">

.liebiao_line{ height:1px; width:100%; border-bottom:1px dashed #000;}

</style>

本文来源:廖维林博客,转载请保留出处和链接!

本文地址: