当前位置:首页>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

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