博客運行一段時間之后，有了一點點流量，隨即向Google申請了Adsense，流量雖少也不想浪費。
如何申請就不多講了，去Google Adsense官方一步一步照做就可以。這里主要說說，申請下來ID之后，如何在Hugo里配置相應(yīng)的代碼和ads.txt。
配置廣告代碼
Hugo有很多主題，每個主題配置Adsense的方式可能不太一樣，我的博客目前使用的是 Clean White 主題，下面介紹的就是如何在Clean White 主題中加入Adsense配置。
Adsense 申請成功以后，會有一段廣告代碼，類似下面這種：
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-592048404*******"
crossorigin="anonymous">
</script>
上述代碼中的一串數(shù)字谷歌分配的publisher ID，需要改成自己的ID。把這段代碼放到/themes/hugo-theme-cleanwhite/layouts/partials/head.html文件里面，然后重新部署。
配置ads.txt
配好廣告代碼后，我們還需要確保ads.txt文件可以生成到網(wǎng)站的根目錄。否則Adsense會發(fā)給你一段警告框，如下圖。也可以從這里下載到自己的ID號對應(yīng)的ads.txt文件。
關(guān)于如何放置ads.txt，我找了很多中文技術(shù)博文，都說的是把文件放在/public目錄下就可以了，但這顯然不適合我。正如前面系列博文所屬，我的站點是利用Github Action發(fā)布成Github Pages的方式部署的。任何直接放到/public目錄的方式都不可行。只能利用Hugo的生成機制，終于從主題目錄中找到了辦法。
Hugo允許自定義robots.txt，但不允許自定義ads.txt并且不可能通過layout模式來實現(xiàn)。那么，目前最好的替代方案，只能是將ads.txt文件放到主題目錄下的static文件夾中。對于我的主題就是將ads.txt文件放到/themes/hugo-theme-cleanwhite/static路徑下。
這樣，重新部署之后，就可以通過路徑localhost:1313/ads.txt訪問到ads.txt文件了。
參考文章
- 《谷歌 Adsense 申請及在 Hugo 中的配置》,https://jdhao.github.io/2019/09/22/google_adsense_hugo_config/
- Hugo Adsense Ads Txt，https://rajasimon.io/blog/hugo-adsense-ads-txt/
- Ads.txt guide, https://support.google.com/adsense/answer/7532444?hl=en
- Robots.txt File, https://gohugo.io/templates/robots/
image.png
本作品由 IvyWooo 采用知識共享署名-非商業(yè)性使用-相同方式共享 4.0 國際許可協(xié)議 進行許可，轉(zhuǎn)載請注明出處。
本文鏈接
