Hi!请登陆

如何完美地在typecho里插入google广告代码

2020-10-23 90 10/23

google广告有着有效匹配的特点,很适合用来插入广告赚取收入。如何申请AdSense这里不讨论,只讨论如何把申请到的google代码优雅地插入typecho。

为什么说优雅的是因为,google广告不是和内容匹配得很好,有时广告会很大张,影响原有博客外观。其实自动广告是很匹配显示的,但很容易被广告拦截软件拦截,我主要用的是单元广告。至少手机端不会被拦截,很奇怪为什么会这样。

正文来了。我这个主题有这些文件
如何完美地在typecho里插入google广告代码

打开index.php是列表页,在这里插入代码
如何完美地在typecho里插入google广告代码

这样就能让广告的宽度和文章的容器一样了,优雅就这样

<style type="text/css">
    .mobile-display-none {
        display: block;
    }
    @media screen and (max-device-width: 1080px) {
        .mobile-display-none {
            display: none !important;
        }
    }
</style>

这一小段样式,是让手机访问不显示广告,但是电脑端显示。手机都不喜欢广告哈,优雅之二。

看效果:

如何完美地在typecho里插入google广告代码

详情页也可以插广告,但要插在评论框下方才优雅

打开文件post.php
如何完美地在typecho里插入google广告代码

找对地方即可

如何完美地在typecho里插入google广告代码

 <div style="margin: 30px 0 0 0; float: right; max-width: 760px; width: 100%;">
        <script>
……
       </script>
</div>

这段样式很容易理解,就是手机屏幕不超出屏幕显示,电脑屏幕则最大安装容器大小。

看效果:

如何完美地在typecho里插入google广告代码

相关推荐