Featured image of post Google AdSense 讓你的網站幫你賺錢

Google AdSense 讓你的網站幫你賺錢

申請 Google 帳號這個步驟就先跳過

接下來到 AdSense 網站 https://www.google.com/adsense

套用 AdSense


設定要套用的網站

點新增網站之後,打入網站的連結,例如 https://example.com

接下來要驗證網站是你的,有兩種方式

  • 使用 AdSense 程式碼
  • 使用 Ads.txt 驗證

建議使用 Ads.txt 驗證比較省事,如果我們不是用 Ads.txt 驗證網站所有權的話,後面還是要做這一步驟。簡單來說,美國為了保護下廣告的客戶,提供銷售廣告位的網站需要提供 Authorized Digital Sellers (簡稱 ads.txt)
詳細說明請參考 Google 的 https://support.google.com/adsense/answer/12171612?hl=zh-Hant

使用 AdSense 程式碼驗證

將 Google 提供的代碼貼到個頁面的 header 即可

hexo nexmoe 這個主題有提供修改 header 的設定

修改 _config.nexmoe.yml,在 slotHead: 貼上即可

</> yaml
1
2
3
4
...

slotHead: |
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-ID" crossorigin="anonymous"></script>

Hugo Stack 主題要修改 Header 也一樣簡單

my-project/layouts/partials/head 資料夾內新增 custom.html
然後將內容貼進去就可以了

</> html 📄 custom.html
1
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-ID" crossorigin="anonymous"></script>

使用 Ads.txt 驗證

複製 google 提供的文字

</> txt
1
google.com, pub-XXXXXX, DIRECT, XXXXXXX

如果驗證時不是用這個方式的話,可以重新點網站進去,Google 會產生 ads.txt 的內容可以複製

Hexo 為例子,在 source 資料夾內新增 ads.txt,把剛剛複製的內容貼上
修改 _config.yml 設定跳渲染 ads.txt (可參考 Hexo 指定文件跳過渲染)

</> yml
1
2
3
4
...

skip_render:
- ads.txt

Hugo 就更簡單了,直接將 ads.txt 放在 my-project/static 資料夾內就可以了
Hugo 就會自動放在網站的根目錄,像 http://localhost:1313/ads.txt

設定付款資料


付款資料

點左側選單 > 付款 > 付款資訊

付款帳戶的資料基本上不用管它,想要調整收到前的時間可以改付款時間表,最少需要累積到 100 美金才領的出來

美國稅籍資料

畢竟 Google 是美國公司,照美國的稅制大概會收 24% 起跳的稅金
外國人可以申請 W-8BEN 來降低稅收,只有針對美國人銷售、營利才需要收 30% 稅金

簡單來說假設你的網站有 100 美元的廣告收入,其中有 10% 的廣告收入是來自美國

稅金 實際收入
正常稅率 (未申請 W-8BEN) 100 * 24% = 24 100 - 24 = 76
有申請 W-8BEN (100 * 10%) * 30% = 3 100 - 3 = 97

所以,除非你的網站或 Youtube 頻道主要都是來自美國,不然申請 W-8BEN 扣的稅會比較少

我是參考雲爸的教學來填寫 https://dacota.tw/blog/post/google-adsense-w-8ben

付款資料內的姓名記得填護照的英文姓名,不然需要在另外上傳護照證明稅及跟帳號擁有者是同一人

付款方式

付款方式要累積到能第一次領錢才能設定

台灣能使用的有2種方式

  • 美元支票
  • 電匯

https://lashiblog.com/google-adsense-payments/

安插廣告


安插廣告到網站裡面有2種作法,自動廣告跟手動廣告

自動廣告

在左邊選單 廣告 > 按網站 > 選你要啟用自動廣告的網站

這邊啟用之後就會自動在網站內插入廣告 (因為是自動,廣告可能會插在文中)

手動插入廣告

在左邊選單 廣告 > 按廣告單元

在這邊依照合適的版面類型建立廣告,建完之後會有給你廣告的代碼
代碼大概分為三個部分

</> html
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!--請放在 Header,只需要放一次-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-ID"
     crossorigin="anonymous"></script>

<!--放在頁面內你想出現廣告的地方,可在頁面內放多次-->
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-ID"
     data-ad-slot="廣告單元ID"></ins>

<!--放在頁面最後,只需要放一次-->
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

詳細可參考Google的說明https://support.google.com/adsense/answer/9190028?sjid=17637765633261310327-AP

Photo by Alexander Grey on Unsplash

使用 Hugo 建立
主題 StackJimmy 設計