Docker系列 WordPress系列 个人博客的广告展示
本文最后更新于 28 天前,如有失效请评论区留言。

前言

某些网站访问的时候,网页里会有很多广告。有些广告多的,阅读体验很差,非常恼人。在电脑端浏览网页时,我们一般会安装Adblock Plus之类的广告屏蔽插件以达到屏蔽广告的效果;有些小伙伴使用的代理软件可能也会自带广告屏蔽的规则。尽管如此,商业广告作为一个长期收益的潜在来源,应该值得个人博主关注,特别是那些不怎么费力的基本操作,应该要有所了解、甚至是掌握。那么,个人博客应该如何做好广告呢?

虽然我前面的一个叫《苯苯推荐》的页面也有一点广告的味道,但那毕竟不是一种正儿八经的广告。作为一个博主,我一直在寻找一种比较友好的广告植入方式。一来,它最好可以轻易被广告屏蔽插件屏蔽,这样不会给人造成恶意广告植入的印象;二来,对那些想看广告的小伙伴而言,优雅的广告植入方式不至于影响整个博客的布局。此外,作为WordPress的使用者,我早就知道有类似于AD Inserter之类的强大插件可以很好地为个人博客定制广告功能,无奈一直没有机会实践,引为憾事。

这其中的原因之一就是网页广告有一个门槛——广告联盟资格。百度、淘宝、Google、亚马逊等大平台都有自己的广告联盟。由于我博客的VPS和域名均在国外,无法进行ICP备案,所以国内的广告平台基本上不可用,清一色要求审核你的ICP备案。Google的广告联盟——Google Adsense是一个不错的选择,申请的条件比较简单。我尝试申请了一下,几经周折终于还是拿下了。本博客在2022年7月9日开始进行Google Adsense的测试,感觉良好,对访客观感并没有明显影响。

目前,我的博客中有两种Google Adsense的广告效果:

  • 信息流:隐藏在博文的信息流中,没有违和感

chrome_spJAG6ZRET

  • 展示广告:放在每篇文章的开头,对观感影响较小(自我安慰ing):

chrome_WmnqbdNnHL

如果访客开启了广告屏蔽功能,会有一个小弹窗进行提示,点击任意位置即可消失:

chrome_5hWEIAMcGB

这个小弹窗是有cookie记录的,所以在一段时间内它都不会再出现,从而避免了烦人的效果(如果想强行让对方必须关闭广告屏蔽才可以看博客也是可以设置的,但这样会给人留下不好的印象)。

总之,本文我将WordPress博客布署Google Adsense广告的一些细节记录下来,也希望对后来者有一定启发作用。

下面看看怎么操作吧!

Google Adsense

访问Google Adsense官网并登陆后台,具体的操作自己摸索一下,或者找找网上的教程吧,蛮简单的。这里主要是分享一些细节。

一般操作

如果你使用了广告屏蔽功能,你要将Google Adsense加入白名单后才可以正常访问(当初这个坑卡了我好久)。

要准备一个顶级域名的网站。比如,我需要准备https://hwb0307.com。直接以https://blognas.hwb0307.com之类的子域名是没办法成功申请的,因为目前Google Adsense只支持顶级域名的网站。我当时的做法是重新建一个新的站https://hwb0307.com,然后上传一些文章上去。一定要确认https://hwb0307.com这个网站是可以访问的,否则会申请失败。你可以申请的时候添加子域名:

Typora_3tOdBXSzTO

粘贴代码

你将付款信息那些东西搞定后,肯定会走到这一步,就是在<head></head> 标记之间粘贴代码

Typora_FPr0FYpk6A

这个代码粘贴在WordPress后台的外观——主题编辑器——header.php中,位置大致如下:

Typora_LksozQSWaX

这个代码在申请期间要一直都在网页里。而且,Adsense申请期间最好打开Google的自动广告功能,等你成功申请后再关掉即可。

提交后等待几天即可。我最后一次提交到成功大概等了1周左右。中间有一次失误,主要是因为之前我的hwb0307.com是不可访问的:

image-20220710155005704

现在回想一下,整个过程其实蛮简单的,只是自己没有经验,当时没有准备好https://hwb0307.com这个网站。另外,据说申请这一次后,以后所有的子域名都不需要重要申请了,可以直接使用现有的广告代码。或许这也是为什么Google Adsense强行要求用顶级域名来申请吧!这样一次过,大家都省事!

ads.txt

你还需要将ads.txt放到网站的根目录里,它主要是用于确认你的网站和你的广告代码确实都是你所有的

这个ads.txt在Google Adsense后台会帮你自动好的,你直接放到网站的根目录即可,最后要保证可以访问。比如,我博客的ads.txt是这样:

google.com, pub-7907950181931135, DIRECT, f08c47fec0942fa0

如果你还有其它广告联盟,在这个文件里面添加其它广告联盟的记录即可。

广告类型

Google Adsense的广告大概有这几种:展示广告信息流广告文章内嵌广告多重广告

Typora_2Gx67sjxM9

我目前只用过展示广告信息流广告。你点进去后自己设置一下,它是有预览的,搞完后复制一下代码就行。这些代码类似于这样:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXX"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-XXXXXXXXX"
     data-ad-slot="XXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

此外,还推荐你打开移动设备优化:

QQ_1x6GN4OhYi

另外,Google是支持自动植入广告的,但我强列推荐你不要开启。效果不好,网页里可能到处都是广告,影响访客的观感。下图中,我已经停用了自动广告:

Typora_dnuX1l7UbI

屏蔽类型

如下图,你可以在Google Adsense后台对某些类型的广告进行限制。具体不展示了,自己按需设置即可:

QQ_MLEgwY1raB

Ad Inserter插件

有了广告代码后,往WordPress里放广告的办法就很多了。我比较推荐的是使用Ad Inserter插件:

Typora_UVtilbhPNh

免费版的Ad Blocking可以使用16种不同的广告策略,我目前只用了2种。

一般设置

依下图指示进入设置,主要是Ad Blocking这里。这里主要是检测访客的浏览器是否使用了广告屏蔽功能:

Typora_JxodkesfXR

图中设置的效果是:

  • 只在桌面浏览器中进行广告屏蔽检测,移动设备则不检测。
  • Action=Popup Message表明检测到广告屏蔽后会展示一段文字。我提供了一个通用的模板,有需要可自取(记得将https://blognas.hwb0307.com改成自己的网站):
<p><strong>Blocked because of Ad Blocker</strong></p>
<p>It seems that you are using some ad blocking software which is preventing the page from fully loading. Please whitelist this website or disable ad blocking software. </p>
<p>您开启了广告屏蔽功能,请按以下步骤操作:</p>
<p>1. 将本网站(https://blognas.hwb0307.com)添加至Adblock等广告屏蔽插件的白名单</p>
<p>2. 在v2ray等代理软件中关闭广告屏蔽(如geosite:category-ads-all等的block状态转为proxy)</p>
<p>3. 您可以参考此文操作:<a href="https://zhuanlan.zhihu.com/p/540081677" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer" title=" and 如何关闭对个人博客的广告屏蔽">知乎-Bensz-如何关闭对个人博客的广告屏蔽?</a> </p>
</p>
  • No action for administrators保证广告屏蔽检测对管理员(即我)不生效。你选logined users也可以。

设置好的效果在前言中也展示过了,访客要点一下才可以取消:

chrome_5hWEIAMcGB

每次刷新网页后再访问,如果对方不关掉广告屏蔽,都要点一下页面才可以取消这个窗口。

这里值得一提的是Undismissible Message选项。如果你开启了Undismissible Message,访客必须要将你的网站加入白名单才可以正常访问,否则这个黑框是无法关闭的。最近我的博客正在进行Google Adsense测试阶段,我还是将它打开了,使用一段时间再向大家反馈。

下面,我演示一下怎么用Ad Inserter在文章信息流和文章开头里添加广告

信息流广告

很简单,将Google Adsense的信息流广告代码粘贴上去,按图片提示修改好参数即可:

Typora_6K6N4bJAAT

我估计粘贴展示广告的代码也行。你自己试试看!

开头广告

很简单,将Google Adsense的展示广告代码粘贴上去,按图片提示修改好参数即可:

Typora_vjGsKrkLyI

自定义广告

打个比方,我准备一个脚本,上面放一个想要推送的链接:

<!--VPS-->
<blockquote class="wp-block-quote"><p><a href="https://blognas.hwb0307.com/ad" data-wpel-link="external" title="本博客用什么VPS?"><strong>本博客用什么VPS?</strong></a></p></blockquote>

然后将这个脚本填写到Block里面去:

chrome_j6vvFBKCc4

最终展示的结果就是:

chrome_UmBe3FLdfw

Misc设置

另外,我个人还建议你开启Misc中的某些选项(你可以为每个广告分别配置Misc):

QQ_YfTK1AvIkS

这样设置的效果是:

  • 在RSS Feed和404 Error 页面中插入该广告
  • 只为未登陆用户(not logged in users)展示广告(好邪恶的功能)

小结

博客广告算是最后一块拼图了吧!每个博客有点内容的小伙伴,可能都会想给博客装个广告。其实估计也赚不了啥钱,就是尝尝鲜吧!不过,令我感到意外的是,Google Adsense会根据文章内容给访客推送广告

image-20220710162544937

Google Adsense给人的感觉很专业!并且经过这次设置,感觉商业广告也没有想像中神秘,自己也是玩过广告的人了!虽然目前收益为0。哈哈!以后定期(每年)向大家汇报一下通过Google Adsense可以赚多少钱。敬请期待!

另外,经过这段时间的学习,相信你已经发现WordPress的强大扩展性。其实,WordPress远不止如此喔!以后有机会,我会再介绍一些更加新奇的食用方法!

扩展阅读

版权声明:除特殊说明,博客文章均为Bensz原创,依据CC BY-SA 4.0许可证进行授权,转载请附上出处链接及本声明。 如有需要,请至学习地图系统学习本博客的教程。加Telegram群可获得更多帮助喔! | 博客订阅:RSS | 广告招租:留言板 | 博客VPS |
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇