《Obsidian数字花园绑定域名开通统计与广告》

前阵子想通《原来我已经在“创业”了》，上班痛苦程度锐减，立竿见影。佛学上说“一念成佛”，我有点相信了。

既然是“创业”，我是真的希望能通过这些副业，未来一点点将我从主业中解脱出来。我现在业余时间都在数字花园上，学习、读书、写作。

于是，索性把数字花园当作网站运作，看到流量和广告收入，有点“动真格”的意思。

当然，我也知道。在 2023 年，博客+广告的形式早已淘汰。靠这个也创不出什么名堂。形式大于内容，权当作一个念想，让我自以为我在“创业”了。

二级域名

我已经有域名 https://maxieewong.com/ 了，它指向我的老博客，一个用 AWS S3 搭建的静态站点。

我准备从中分出一个二级域名，指向数字花园：garden.maxieewong.com

之所以是二级域名，我想在未来重新收拾一下主域名，做成一个个人门户。

Vercel 后台绑定域名

Vercel 后台找到项目设置，在 Domains 里添加域名：garden.maxieewong.com

域名绑定 Vercel

去域名管理界面，具体根据自己采用的域名商。

添加：

更新 obsidian-digital-garden 模板

我的数字花园使用的是 oleeskild/obsidian-digital-garden，在研究怎么修改模板时，我发现我的模板好久没升级了，因此先顺道升级一下。

在设置中点击 Update Site，会自动创建一个 PR（需要等待一会儿）。

该 PR 还会自动触发 Vercel 创建一个 Preview 临时站点，供用户上去 Review，确认没有问题了再合并 PR，考虑非常周全！

然后自己上去考虑合并即可。

Adsense 统计

如何添加 Google Adsense 统计呢？

根据 oleeskild/obsidian-digital-garden 首页说明，创建出来的 GitHub 工程，自己可以任意修改。

官方建议修改 custom-style.scss 文件，当您更改代码时，Vercel 应自动更新您的网站。

我要添加 Google Adsense 的话，我应该添加啥？

要显示广告，需要在网页的 head 段里添加一段 JavaScript 代码。

首先 clone 站点工程。我发现 dist 下所有页面都是静态网页。

在 src 下是静态站点生成器，应该往这里面添加。

在 src/site/_includes/components/pageheader.njk 中添加。

Google Analytics

Google Analytics 改版了，现在叫 GA4，网站添加统计方法，摘抄自 Help：

You need access to the HTML for your web pages. Ask your web developer to perform these steps if you're unable to complete the steps yourself.

  1. Sign in to your Google Analytics account.
  2. Click Admin.
  3. At the top of the Property column, select your property.
  4. In the Property column, click Data streams > Web.
  5. Click the data stream for your website.
  6. Under Google tag, click View tag instructions.
  7. On the Installation instructions page, select Install manually:

    • On the screen, you’ll see the JavaScript snippet for your account's Google tag. Your Google tag is the entire section of code that appears, beginning with:

      <!-- Google tag (gtag.js) -->

      and ending with

      </script>

Paste your Google tag immediately after the <head> on each page of your website.

Data collection may take up to 30 minutes to begin. You can then use the Realtime report to verify that you're receiving data.

总结

按照互联网黑话，总算是“闭环”了。

喜欢用 0.0 Obsidian 介绍 记笔记、搭建了6.1 什么是数字花园？的小伙伴们，不妨也沿用此法试试。纯当作学习生活中的一味调剂。

我也得以将学习、记笔记与“创业”等同起来，安心看书、学习了。

本文作者：Maeiee

本文链接：《Obsidian数字花园绑定域名开通统计与广告》

版权声明：如无特别声明，本文即为原创文章，版权归 Maeiee 所有，未经允许不得转载！

喜欢我文章的朋友请随缘打赏，鼓励我创作更多更好的作品！