当前位置:首页>WordPress教程>利用JavaScript实现广告随机展示的教程

利用JavaScript实现广告随机展示的教程

最近笔者接到几位网友的提问,询问采用何种系统以实现多个在同一广告位中随机展示的问题。其实并未采用任何广告管理系统,小型网站完全可以不用广告管理系统,尽量追求轻量。本文介绍利用实现多个广告随机展示的教程。

如果是采用,且广告较多的网站,推荐:Ad Inserter Pro插件。

JavaScript实现随机广告

本方法示例为有广告A和广告B,用户访问页面的时候,随机展示其中一个广告。

创建广告位

将以上放置到需要展示广告的中。

JavaScript代码部分

以下代码可以放置到需要展示广告页面的代码尾部,之前。

如果有广告A、广告B和广告C,三段代码,只需修改成以下这样:

以上代码中Math.floor(Math.random() * 3)将生成0-2的随机整数,当随机数为0,则展示广告A;当随机数为1,则展示广告C;当随机数为2,则展示广告B。

不过要注意的是广告代码中如果有双引号 " 的话,需要添加转义符号 \ ,例如:

原文地址:https://www.zhanzhangb.com/1701.html

WordPress教程

在Nginx上安装Brotli提高网站加载速度

2024-1-24 3:16:27

WordPress教程

WordPress建站流程(五)SEO优化

2024-1-24 3:16:29

个人中心
今日签到
有新私信 私信列表
搜索