最终效果如下:
大概步骤如下:
- 在 base.html 中配置 adsbygoogle.js 的
第一步可以参考文章:
添加 Google Adsense 到 mkdocs 文档中
这一步配置完后,其实已经有自动广告了,就是自动寻找位置的页内、屏幕间等广告。
那第二步其实和第一步同理,只是修改的文件不同而已。
注意默认生成的
data-ad-format=“auto”
data-full-width-responsive=“true”
这两个属性是不能要得。
然后style 中需要固定宽度和高度,详细解释见官方。
做个好人,把源码贴在这里。
<!-- mkdoc侧边栏 -->
<ins class="adsbygoogle"
style="display:block;min-width:218px;max-width:276px;width:100%;height:300px"
data-ad-client="ca-pub-"
data-ad-slot=""
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>