〔Electron〕Electron 添加 Google 广告

大林鸱大约 2 分钟

如何为 Electron 应用添加 Google Ads 广告？本文将分享作者的思路。

网站变现是所有站长面临的挑战，因为运营网站需要投入资金。以作者的博客为例，投入包括：

购买服务器：可以选择阿里云、腾讯云、华为云等云服务商。作者选择了香港服务器（虽然未备案，但现在建议备案）。香港服务器价格较高，作者购买了三年的轻量应用服务器，总计 1224 元。
购买域名：作者选择了.com 域名，三年期限，花费近 200 元。后因更换云服务器厂商，域名也由腾讯转移至阿里，额外花费 75 元。
测试环境服务器：从阿里云购买，每年 99 元，购买三年。
由于服务器位于香港，无法备案，因此节省了 600 元的备案服务费。

网站变现的一种简单方式是使用广告平台，如 Google Ads，以广告收入来平衡投入。然而，由于国内广告平台要求企业或个体户注册，个人用户无法注册，因此选择了 Google Ads。

目前，作者的博客和网站流量较低，每天收入仅为 1 美分。要达到 Google 的最低支付限额 100 美元，仍需较长时间。

作者已在网站上添加了广告，但为避免降低阅读体验，仅放置了底部悬浮广告和穿插广告。然而，桌面端软件尚未添加广告，因为 Google 广告不允许在桌面端使用。根据近半年的流量统计，桌面端的使用量超过了在线使用。

为了解决这个问题，作者采用了 Electron 的 iframe 嵌入网页功能，将自己的博客和网站页面嵌入桌面端软件中，同时确保不影响用户体验。这种方式有助于引流，间接增加网站浏览量。目前尚未对效果进行总结。

以下是我的代码：

<div class="d3" v-loading="iframeLoading">
  <iframe ref="iframeRef" src="https://www.gremlins-book.com" frameborder="0"></iframe>
</div>

const iframeLoading = ref(true)
const iframeRef = ref()

iframeRef.value.addEventListener('load', () => {
  iframeLoading.value = false
})

个人网站越来越难以存活了。记得在几年前，作者的一位从事软件测试工作的同事，自己搞了一个网站，他通过阿里妈妈变现，当时他说过，行不行先养着，养着养着可能就行了呢。所以作为计算机从业人员，如果你想养一个网站，请尽早尝试。