杨泽业:给你的mipcms网站添加谷歌广告联盟Google AdSense代码的详细教程

  • 时间:
  • 浏览:547次
  • 来源:网站服务商官网 网址:https://www.wzfws.com

网站服务商杨泽业:给你的mipcms网站添加谷歌广告联盟Google AdSense代码的详细教程(2018.10.24更新)


在以百度mip技术指导的网站中,mipcms算得上是一枝独秀,可以使任何没有网站开发经验的人,都能轻松的搭建mip网站,mip网站要求可以通过mip验证,在代码中是不可以加入js代码的,在开始mip技术的网站只能添加百度联盟自己的广告,现在呢,有人开发好了基于谷歌联盟的js组件,就能让所有人挂谷歌联盟的广告盈利了。


众所周知,百度广告联盟,是要求有网站备案才能申请百度广告联盟,投放百度联盟广告赚钱的。像网站服务商网这样,就是一个纯碎的建站技术分享网站,通过卖域名虚拟主机服务器,建站这样的服务来赚钱的,因为是个人,在备案的要求里面个人是无法备案的,就算是备案成功了,发现有经营活动,也是要取消备案的。所以我们干脆不备案好了。既然没有备案,百度里面不能申请,那么就申请谷歌广告联盟好了,通过投放谷歌广告赚钱。


如果还没有注册谷歌Google adSense账号的,就去官方网站注册一个账号,申请广告联盟。本站是在2018年10月1日申请的账号,10月2日激活了Google AdSense服务,开始通过投放广告赚钱。只要你在Google AdSense里面第一个网站开通广告服务,就能把代码粘贴到符合规范的所有的网站里面使用,而且所有的广告代码只要申请一次,就可以粘贴在你任何网站的你想投放的广告位置。


温馨提示:在谷歌联盟审核之前,需要把默认的谷歌代码添加到头部文档<head></head>之间(\template\default\main\main.html ),待审核通过,成功激活以后,在删除默认的谷歌广告代码,按照下面的教程进行操作。(默认的广告代码,没有广告位置ad-slot,是没有广告收入的!)


下面,我就开始讲解怎么添加谷歌联盟广告代码到我们的mipcms网站里面。


一、添加谷歌广告联盟适应mip技术的js组件。


添加组件是必须的,下面我就直接贴出js组件代码,免得大家去找了。

<script src="https://c.mipcdn.com/static/v1/mip-adsense/mip-adsense.js" type="text/javascript" charset="utf-8"></script>

上面代码放到/template/default/main/main.html里面和其他的组件一起即可。


二、登录Google AdSense后台添加内容广告--广告单元--新建单元,选择广告类型,我是选第一个【文字广告和展示广告,提交以后获得一个谷歌提供的原生广告代码:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     
     data-ad-client="ca-pub-9415624128339828"
     data-ad-slot="9640249472"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

要求把上面的广告代码,添加到你的网站合适的位置,或者是网站头部文件<head>和</head>之间,但是我们的是mip的网站,是不能添加js代码的,就需要我们转化成符合要求的mip代码即可,代码是:


<mip-adsense ad-client="ca-pub-9415624128339828" ad-slot="9640249472" ad-format="auto"></mip-adsense>


当然我们也可以选择另一个的,今天1024程序员节,我在指导凡哥的时候,我顺便也添加了一个全网【信息流】的广告,后台添加内容广告--广告单元--新建单元,选择广告类型,选择信息流广告,得到的原生代码如下:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     
     data-ad-format="fluid"
     data-ad-layout-key="-fb+5w+4e-db+86"
     data-ad-client="ca-pub-9415624128339828"
     data-ad-slot="2829799085"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

我们再把他制作成为 mip的广告代码:

<mip-adsense ad-client="ca-pub-9415624128339828" ad-slot="2829799085" ad-format="auto"></mip-adsense>


上面广告代码参数说明:

2.1、ad-client 说明:用户;必选项:是;

2.2、ad-slot 说明:位置;必选项:是;

2.3、ad-format 说明:格式;必选项:否;

2.4、ad-width 说明:宽度;必选项:否;

2.5、ad-height 说明:高度;必选项:否;


我看了一下mipcms开发者团长的谷歌代码里面,添加了具体的长和宽,我觉得那样不好,应该让他自适应,这样的话,手机版和电脑版浏览起来才不会有大小不一致的错位的感觉。


谷歌广告代码有了,我就在网站后台添加一条广告:


三、添加谷歌广告代码

操作步骤:后台--插件--广告管理--新建广告:

名称:谷歌广告

别名:gggg

代码:

<div><mip-adsense ad-client="ca-pub-9415624128339828" ad-slot="9640249472" ad-format="auto"></mip-adsense></div>


提交以后,获得广告调用代码{:hook('adHook','gggg')}


注:把谷歌广告联盟的mip代码,放在一个div里面,当然你不要div都行,自己爱好问题。


四、把谷歌代码,添加到网站模板里面。


4.1、添加到网站首页。(推荐投放1处广告)

在template\default\index\index.html里面,搜索{include file='block/tags-hot'}的上方或者下方粘贴调用代码{:hook('adHook','gggg')}即可。


4.2、添加到文章列表页。(推荐投放2处广告)


4.2.1、打来栏目模板文件/template/default/article/article.html。


4.2.2、在第12行的<section class="mip-box-body">下方,添加一行广告代码{:hook('adHook','gggg')}即可,这里显示的位置是文章列表页的最新的文章上方。


4.2.3、在最后几行的热门标签代码{include file='block/tags-hot'}的上方或者下方添加调用代码{:hook('adHook','gggg')}即可。这里是侧边栏,最好是在热门标签的下方显示。


4.3、添加到文章详情页。(推荐投放2处广告)


4.3.1、打开文章详情页模板template\default\article\articleDetail.html。


4.3.2、根据百度2018年8月15日发布的《百度移动搜索落地页体验白皮书4.0》中描述,文章主体部分从上到下,从logo到文章正文内容开始,都不得出现广告,所以我们只能把广告添加到文章的文末了。


4.3.3、搜索“猜你喜欢”大约在55行的上一行添加谷歌广告调用代码{:hook('adHook','gggg')}。这样的话,谷歌广告就显示在文章末尾了。


4.3.4、搜索:最新标签代码{include file='block/tags-new'}大约在100行的位置的下方一行添加谷歌广告调用代码  {:hook('adHook','gggg')}。这样的话,谷歌广告就显示在侧边栏的最新标签的下方了。


4.4、添加到标签页。(推荐投放2处广告)


4.4.1、打开标签页面模板文件/template/default/tag/tagDetail.html。


4.4.2、大约在80行的<div class="mipui-widget-media-body mipui-category-list-001">的下方一行添加谷歌广告调用代码{:hook('adHook','gggg')}。这样的话,谷歌广告就显示在标签描述的下方,标签列表文章的上方了。


4.4.3、大约在94行的热门标签{include file='block/tags-hot'}的下方一行添加谷歌广告调用代码{:hook('adHook','gggg')}。这样的话,谷歌广告就显示在热门标签的下方了。


好了,杨泽业今天的给你的mipcms网站添加谷歌广告联盟Google AdSense代码的详细教程就到此结束了。本站的首页、栏目列表页、文章详情页、标签页都添加好了谷歌广告联盟的广告了,大家通过电脑和手机都浏览一下看看本站的演示效果。今天的话题到此为止,新的教程,我们明天见!

欢迎关注我的微信和微信公众号


网站服务商经典语录

猜你喜欢

阿里云虚拟主机免费开启https安全访问的方法

网站服务商杨泽业提醒你:阿里云的虚拟主机里面可以直接免费开通https安全访问哦,更快去试试吧!

2019-05-25  分类:基础知识  浏览:8次

关于做网站的网站类型的一点心得

相对于用户来说,基本上一个网站程序是满足不了所有的用户需求的,我们可以根据自己的实际情况来增加不同的网站,让自己的网站的功能更加丰富,以便为用户提供更好的服务。就拿本站来说,网

2019-05-23  分类:本站公告  浏览:24次

今日更新mip建站模版diy模版,修改了分享代码的位置

由网站服务商制作的mipjz模版diy模版,今日有小幅更新,主要是mip分享代码的位置由原来的文章底部的猜你喜欢的上方,改成了右侧边栏的搜索下方。我原来制作模版的时候,认为要分

2019-05-19  分类:本站公告  浏览:23次

mipjz模板更新:网站服务商的diy模版的tag标签页面模版更新

网站服务商(wzfws.com)站长杨泽业于2019年5月16日更新了标签列表页(diy/tag/tag.html)本次的更新属于小幅度的更新。原来的tag列表页模版,和官方的

2019-05-16  分类:本站公告  浏览:21次

mipjz网站添加的视频代码大全(实时更新)

网站服务商今天重新更新了我的模版使用说明,在讲述添加视频代码的时候,我认为还是重新捋一捋所有的视频代码到一个文章里面,那样就新手用户在使用代码的时候就方便一点,于是把代码贴出来

2019-05-16  分类:mipcms  浏览:82次

html5游戏:方块消除游戏-消消乐源码演示与下载

网站服务商今天开通了HTML5游戏栏目,今天上线了一个基于HTML5开发的消消乐游戏,并且陷入到了本站的404页面里面。HTML5页面是跨平台的,不管是电脑、平板、手机都能访问

2019-05-14  分类:HTML5游戏  浏览:40次

超链接标签<a>

HTML<a>标签标签定义及使用说明<a>标签定义超链接,用于从一个页面链接到另一个页面。<a>元素最重要的属性是href属性,它指定链接的

2019-05-07  分类:建站百科  浏览:68次

声明标签 <!DOCTYPE>

HTML声明标签<!DOCTYPE>位于文档中的最前面的位置,处于<html>标签之前。<!DOCTYPE>声明不是一个HTML标签;它是用

2019-05-07  分类:建站百科  浏览:24次

注释标签<!--...-->

欢迎你来到建站百科学习HTML标签:标签,注释标签,HTML注释标签。标签定义及使用说明注释标签用来在源文档中插入注释。注释不会在浏览器中显示。您可使用注释对您的代码进行解释,

2019-05-07  分类:建站百科  浏览:57次

mipjz

mipjz什么?mipjz就是mip建站系统。《MIP建站系统》原名《MIPCMS内容管理系统》软件著作权登记号:2018SR838831。《MIP建站系统》是一套基于《百度移

2019-05-06  分类:建站百科  浏览:39次