google广告有着有效匹配的特点,很适合用来插入广告赚取收入。如何申请AdSense这里不讨论,只讨论如何把申请到的google代码优雅地插入typecho。
为什么说优雅的是因为,google广告不是和内容匹配得很好,有时广告会很大张,影响原有博客外观。其实自动广告是很匹配显示的,但很容易被广告拦截软件拦截,我主要用的是单元广告。至少手机端不会被拦截,很奇怪为什么会这样。
正文来了。我这个主题有这些文件
打开index.php是列表页,在这里插入代码
这样就能让广告的宽度和文章的容器一样了,优雅就这样
<style type="text/css">
.mobile-display-none {
display: block;
}
@media screen and (max-device-width: 1080px) {
.mobile-display-none {
display: none !important;
}
}
</style>
这一小段样式,是让手机访问不显示广告,但是电脑端显示。手机都不喜欢广告哈,优雅之二。
看效果:
详情页也可以插广告,但要插在评论框下方才优雅
打开文件post.php
找对地方即可
<div style="margin: 30px 0 0 0; float: right; max-width: 760px; width: 100%;">
<script>
……
</script>
</div>
这段样式很容易理解,就是手机屏幕不超出屏幕显示,电脑屏幕则最大安装容器大小。
看效果:
如若转载,请注明出处:https://www.ozabc.com/jianzhan/13658.html