博客運行一段時間之后,有了一點點流量,隨即向Google
申請了Adsense
,流量雖少也不想浪費。
如何申請就不多講了,去Google Adsense
官方一步一步照做就可以。這里主要說說,申請下來ID
之后,如何在Hugo
里配置相應的代碼和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>
上述代碼中的一串數字谷歌分配的publisher ID
,需要改成自己的ID
。把這段代碼放到/themes/hugo-theme-cleanwhite/layouts/partials/head.html
文件里面,然后重新部署。
配置ads.txt
配好廣告代碼后,我們還需要確保ads.txt
文件可以生成到網站的根目錄。否則Adsense
會發給你一段警告框,如下圖。也可以從這里下載到自己的ID
號對應的ads.txt
文件。
關于如何放置ads.txt
,我找了很多中文技術博文,都說的是把文件放在/public
目錄下就可以了,但這顯然不適合我。正如前面系列博文所屬,我的站點是利用Github Action
發布成Github Pages
的方式部署的。任何直接放到/public
目錄的方式都不可行。只能利用Hugo
的生成機制,終于從主題目錄中找到了辦法。
Hugo
允許自定義robots.txt
,但不允許自定義ads.txt
并且不可能通過layout
模式來實現。那么,目前最好的替代方案,只能是將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 采用知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協議 進行許可,轉載請注明出處。
本文鏈接