给你的 mipcms网站添加侧边栏广告位

MIPCMS目前最新的公开版本v3.6里面是没有添加任何广告代码的，官方群文件里面有一个版本的带了广告位，但是那是固定，也是不门户的用户的实际需求，所以本站就来教大家怎么添加网

mipcms目前最新的公开版本v3.6里面是没有添加任何广告代码的，官方群文件里面有一个版本的带了广告位，但是那是固定，也是不门户的用户的实际需求，所以本站就来教大家怎么添加网站的侧边栏广告。

第一步：安装广告管理的插件

方法：后台--插件--插件管理-- 安装广告管理插件

第二步：添加广告代码

方法：后台--插件--插件管理--广告管理--管理--添加广告

广告名称：必填项，填写中文的名称，只是后台看见的标识，区分是哪个广告而已。

广告别名：必填项，填写英文字母，后台调用的唯一识别码。

广告代码：必填项，就是展示在前台的显示内容。

标准的侧边栏广告代码如下：

<div class="mip-box">
<div class="mip-box-heading"><h3 class="title">侧边栏标题</h3></div>
<div class="mip-box-body">
广告代码
</div>
</div>

按照这个标准的演示代码，本站首页右侧，我添加了两个广告位，

第一个广告实际操作如下：

广告名称：常用工具

广告别名：cygj

广告代码：

<div class="mip-box">
<div class="mip-box-heading"><h3 class="title">常用工具</h3></div>
<div class="mip-box-body">
<a href="http://zhannei.baidu.com/cse/search?s=6553489968363319242" target="_blank">站内搜索</a>|<a href="https://www.yangzeye.net/pinyin" target="_blank">汉字转拼音</a>|<a href="https://www.yangzeye.net/ewm" target="_blank">二维码生成器</a><br>
<a href="https://www.yangzeye.net/kuaidi" target="_blank">快递查询</a>|<a href="https://www.mipengine.org/validator/preview" target="_blank">MIP验证</a>
</div>
</div>

这样添加以后，就能得到一个调用代码：{:hook('adHook','cygj')}了。

我在添加第二个广告位，叫做域名出售的广告。

广告名称：域名出售

广告别名：ymcs

广告代码：

<div class="mip-box">
<div class="mip-box-heading"><h3 class="title">微信可用已备案域名出售</h3></div>
<div class="mip-box-body">
<a href="域名购买链接" target="_blank">域名描述说明</a><br>
<a href="域名购买链接" target="_blank">域名描述说明</a>
</div>
</div>

这样添加以后也能获得一个调用代码：{:hook('adHook','ymcs')}

因为这个是做教程，所以我就不贴出具体的域名了，因为当你看见的时候，域名可能早已卖出。

第三步，添加广告调用代码到网站模板

广告添加好了，我就把广告调用代码，添加到网站模板里面就行了。侧边栏一共了3个页面，现在我来把每个页面，添加一次。

3.1、网站首页添加侧边栏广告

在template/default/index/index.html里面，如果是放在右上角的话，大约在95行的位置，找到

<aside class="col-lg-4 hidden-xs">和<section class="mip-box mip-box-default">之前插入调用的广告{:hook('adHook','cygj')}和{:hook('adHook','ymcs')}即可，效果如下：

<aside class="col-lg-4 hidden-xs">
{:hook('adHook','cygj')}
{:hook('adHook','ymcs')}
<section class="mip-box mip-box-default">

3.2、栏目页面添加侧边栏广告

在/template/default/article/article.html里面，第23行的位置，找到

<aside class="col-lg-4 hidden-xs">和<section class="mip-box mip-box-default">之前插入调用的广告{:hook('adHook','ymcs')}即可，效果如下：

<aside class="col-lg-4 hidden-xs">
{:hook('adHook','ymcs')}
<section class="mip-box mip-box-default">

3.3、在页面详情页添加侧边栏广告

在默认文章详情页的模板（/template/default/article/articleDetail.html）大约82行

<aside class="col-lg-4 hidden-xs">和<section class="mip-box mip-box-default">之前插入调用的广告{:hook('adHook','ymcs')}即可，效果如下：

<aside class="col-lg-4 hidden-xs">
{:hook('adHook','ymcs')}
<section class="mip-box mip-box-default">

因为每个人都有可能修改了模板内容，行数是大概的行数位置，具体是多少行，以自己的为准。

好了，在mipcms的出来吧添加广告位的教程就结束了，你可以根据自己的网站来确定添加多少个广告位哦，理论上是可以添加无数的广告位的，实际不可行，因为广告太多了，让人反感哦！

猜你喜欢