WordPress:埋 Google AdSense 廣告

/

Google AdSense,小站站長賺不了什麼錢

上一篇是寫 WordPress 外掛:Site Kit by Google 的介紹,裡面寫了這個外掛可以跟 Google 的產品連結,像是Analytics、Search Console 等,實際上它還有一項很方便的功能可連結,就是 Google AdSense。

Google AdSense 是可以在自己的網站上、部落格上放廣告的工具,一般我們會稱為聯播網廣告。操作上蠻簡單的,生成廣告的程式碼 Google 會生給你,或者是也可以選擇由 Google 幫你埋(本站不建議的作法,下文會解釋)。

雖然說很方便,但,Augustus 裝了大約一周來測試成效,發現對小站來說賺不了什麼錢,會賺錢的還是 Google AdSense 本身。看了一下維基,上面寫:

Google Adsense是一個由Google公司設置的廣告計劃,會員可以利用Youtube流量和Blogspot功能置入廣告服務,以賺取傭金。在普通會員方面,廣告服務收成68%,會員只能收取32%的分潤利潤。

Google AdSense – 維基百科

使用者大概就是賺三成,另外的七成 Google AdSense 收走了。但畢竟使用者付費,既然 Google 都提供了操作平台,也主動媒合投廣告的廠商,除非我們自己有能力招商投廣告,不然用別人的工具賺錢,還不給平台商賺也不合理。

這就像那些當紅的 Youtuber,他們最有收入的地方不會是 Youtube 提供的廣告,而是跟廠商合作的業配。

以 Let’s Write 本站來說,寫這篇的目前,平均一天是 150 的不重複瀏覽量,放了一周的 Google AdSense 後,收入大概才 1 美金 = =。

以 100 美金才能領到 $$ 來看,要 100 周才領得出來,一年 52 周,要快 2 年才賺得到這 100 美金。這錢只夠付租網址的費用,再加上主機費還不夠。

……如果你覺得本站對你有實質的幫助,有幫到你避掉一些坑或是找到想找的功能,還請幫忙分享 XD~


為什麼要寫這篇?

既然本站放 Google AdSense 就是個裝飾,那為什麼還繼續放著,甚至還要寫這篇?

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

主要有兩個目的。

第一個是,第一天在試著放 Google AdSense 後,用了他自動放廣告的功能,結果就遇到廣告撲天蓋地,光看廣告就飽了不用看文章的狀況,後來改用手動自己埋廣告才解決了不影響各位大大們閱讀的 UX。這邊會筆記如何改由手動自己埋?

第二個,Google Analytics 有些報表必須要跟其它功能結合才會有數據。像是發布商報表就必須要有個廣告發布商,那跟 Google AdSense 連結是最快的方式。這邊也會筆記一些連結發布商後,看到的報表狀況。

以下提到 Google AdSense 的部份,會簡稱為「AdSense」。


1 AdSense 審核是否能埋廣告

要投放 AdSense 廣告,第一步就是要給 AdSense 審核你的站能不能埋他們的廣告。

沒有安裝 Site Kit

如果你的站沒有裝 Site Kit 的話在來看這段,有裝的大大可以跳過這一段。

首先進到 AdSense 首頁:https://www.google.com/intl/zh-TW_tw/adsense/start/

會看到洗腦文話術案例你會有多賺 $$ 立即申請的按鈕(前面都加刪除線那幹麻寫),點下去後會看到一張申請表單,需要填上想放 AdSense 的網址、控管這個 AdSense 的 Google email,以及是否要進一步話術催眠你的資訊。

埋Google AdSense的申請表
埋 Google AdSense 的申請表

都填完後按下儲存並繼續,因為 Augutus 的帳戶已經有審核通過的 AdSense,所以就直接跳轉到 AdSense 首頁。如果你的帳戶是還沒有審核通過的,應該會看到以下畫面:

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

埋AdSense程式碼來確認你是網站擁有者
埋 AdSense 程式碼來確認你是網站擁有者

這一步就是要請你埋他們的一段程式碼,主要有兩個功用,一個是確認你是網站的擁有者,有權限可以更新網站上的東西。另一個就是這段 JavaScript 會去執行 AdSense 廣告的函式。

要埋這段程式碼,有幾種方式,直接手埋或是用 GTM 埋,確保想放廣告的頁面都有埋上這段程式碼就行。

有安裝 Site Kit

如果你的站有裝 Site Kit,可以直接用以下方式申請。

裝完 Site Kit 後,WordPress 左側選單滑到 Site Kit上,點選 Settings:

點選site kit setting
點選 site kit setting

右側出現的頁籤,點選中間的 CONNECT MORE SERVICES:

點選更多服務
點選更多服務

就會看到有一項就是 AdSense:

Set up AdSense
Set up AdSense

點選 Set up AdSense,登入我們想要管控 AdSense 的 Google email,會出現一些要授權給 Site Kit 的項目,一律按下允許,最後會再回到 WordPress 後台 Site Kit 的頁面:

按下Sies
按下 Sies

按下上圖中標紅框的那個「Sites」,就會進到 AdSense 的頁面,會請你輸入要埋 AdSense 的網域:

輸入要埋AdSense的網域
輸入要埋 AdSense 的網域

輸入完後按下一頁,有趣的事情發生了,下一頁就是會提醒你的站要裝 Site Kit:

記得裝Site Kit
記得裝 Site Kit

最後按下提交,會顯示審查中的訊息:

審查中
審查中

審核過程不會很久,Augustus 等個兩天就等到通知信了。

審查通過,就可以開始放廣告。如果沒通過,信裡面也會寫上原因。


2 埋 AdSense 廣告

審核通過後,就可以開始埋廣告了。這邊會筆記的是自己手動埋廣告的部份。

為什麼推薦是用手動埋,而不是讓 AdSense 幫你埋?以下講一下 Augustus 第一天用自動時的慘痛經驗,這過程來不及截圖,所以只好靠文字描述。

不推薦 AdSense 自動放廣告的功能

如果進到 Site Kit > Settings > AdSense,裡面那個 Edit 點了後會有一個選項:

Site Kit > Settings > AdSense > Edit
Site Kit > Settings > AdSense > Edit

「Let Site Kit place code on your site」一開始 Augustus 是按下去的,然後就進到 AdSense 的頁面,讓 AdSense 幫本站找適合放廣告的地方:

AdSense找適合放廣告的地方
AdSense 找適合放廣告的地方

最後開開心心的按下套用至網站,一個小時後悲劇就發生了。

本站右側的每個小工具區塊都塞了廣告。

Header 寫標題的部份被放了一個大圖廣告,一整個比站名還顯眼。

文章裡面沒讀幾段就會出現大橫幅,手機看時還會有個一直固定在頂部擋使用者視線的廣告。

然後要點進文章時,竟然還先出現一個廣告頁,滿滿的整頁都是廣告,啊 Google 不是才打擊蓋板廣告嗎?先進到廣告頁就是你們自己產品的解決方式嗎?讓使用者先進到廣告頁,按下離開才會進到文章頁這點,Augustus 實在是不能接受。

最不能接受的是,進到 AdSense 後台想要手動刪掉這些廣告版位,每刪一個就要寫理由,然後,最多只能刪掉 10 個廣告版位,Augustus 要刪到第 11 個時就被警告說超過刪除的數量而不給刪。

一怒之下,就關掉了自動放廣告的功能,本站是 Let’s Write,不是其它廣告商的官網,寧願不賺 $$ 也不要降低 UX 跟破壞設計。

推薦手動埋廣告的外掛:Ad Inserter

Augustus 推薦的是手動自己埋,既然都要埋廣告了,就花點時間放到自己想要的位置吧。

WordPress 有一個外掛很適合埋廣告,主要是他可以設定要埋在文中的第幾段。

這個外掛是:Ad Inserter – Ad Manager & AdSense Ads

從安裝外掛頁面搜尋「ad inserter」就會看到了:

Ad Inserter – Ad Manager & AdSense Ads
Ad Inserter – Ad Manager & AdSense Ads

安裝並啟用後,在 WordPress 左側選單的「設定」就會新增加「Ad Inserter」:

「設定」新增「Ad Inserter」
「設定」新增「Ad Inserter」

Ad Inserter 介面蠻簡單的,介面截圖跟功能如下圖:

Ad Inserter介面及功能介紹
Ad Inserter 介面及功能介紹

上圖是用文中廣告的範例,如果是想放在小工具的部份也很方便,先在 Block 上開一個給小工具用的,假設想讓第三個 Block 是放在小工具的廣告,會像這樣:

假設第三個Block的廣告要放在小工具上
假設第三個 Block 的廣告要放在小工具上

這邊設定完後,接著進到小工具的頁面,會看到可用小工具有新增了一個 Ad Inserter:

小工具新增了Ad Inserter
小工具新增了 Ad Inserter

按下「新增小工具」後,會有的設定是以下:

Ad Inserter在小工具的設定
Ad Inserter 在小工具的設定

Block 那邊就是選擇剛剛我們的 Block3,他就會讀 Block3 裡面的廣告程式碼。

「Sticky」指的是當這塊廣告移動到頁面頂部時,要不要固定,像本站右側最後一個廣告就有設定是 Sticky,它就一直固定黏在頂端(桌機才看得出來)。

Ad Inserter 是操作很簡單的外掛,但目前 Augustus 使用上有遇到一個問題,就是新增文章後,新增的文章上沒有出現廣告。目前推測是這個外掛的快取造成的,解決方式很簡單,如果你使用時,新增文章後也遇到沒有廣告的狀況,那就是進入 Ad Inserter 設置的頁面,貼程式碼的地方隨便打幾個字,按下 Save Settings 讓它更新一下,再刪掉剛剛打的字就行。主要是讓外掛清一下快取再抓取新的設定。


3 從 AdSense 產生廣告程式碼

上一段講的 Ad Inserter 是埋廣告碼的功能,而廣告碼就要由 AdSense 產生。

由於不建議讓 AdSense 自動埋廣告埋,因此這邊我們需要手動產生。

首先,進到 AdSense 的頁面後,如果你的帳戶是通過審核,可以使用 AdSense,就會看見操作介面:

AdSense首頁
AdSense 首頁

點選左側選單的「廣告」,會進到管理廣告的頁面:

管理廣告的頁面
管理廣告的頁面

預設進到的項目是「按網站」,這個就是指由 AdSense 自動埋廣告,不用理它,我們點選上圖紅框的「按廣告單元」。

按廣告單元
按廣告單元

這邊就是手動生成廣告的程式碼,選定你想要的廣告樣式後,按下去會出現廣告的預覽,比方點了「多媒體廣告」,會出現這樣:

多媒體廣告樣式選擇
多媒體廣告樣式選擇

選完樣式後按下儲存,就會出現這個廣告要埋的程式碼:

出現廣告要埋的程式碼
出現廣告要埋的程式碼

按下「複製程式碼片段」,就會直接複製,再把它貼上 Ad Inserter 要貼程式碼的區塊,就埋碼完成。

埋完碼後,大概要等一個小時,廣告才會出現在你的網站上。

以上三步,就是如何在 WordPress 網站上埋 Google AdSense 的流程


Google Analytics 連結 AdSense

GA 可以連結 AdSense 報表,進到 GA 後,進到管理員介面,中間資源的部份就有一項「AdSense 連結」:

 GA管理員 > AdSense連結
GA管理員 > AdSense 連結

點了以後,如果你的 Google 帳戶是有 AdSense 的,就會出現你的資源編號:

出現 AdSense 的資源編號

如果要核對的話,就進到 AdSense 頁面,選單點帳戶 > 帳戶資訊,左邊就會出現發布商 ID,那個就是 GA 上連結的資源編號:

AdSense帳戶 > 帳戶資訊
AdSense 帳戶 > 帳戶資訊

核對無誤,GA 那邊就可以就可以按繼續,接著會要確認資料進哪一個檢視裡:

確認資料進哪一個檢視
確認資料進哪一個檢視

選定後,最後按下啟用連結就行了,會看見需要 24 小時後才會有資料的訊息。

24小時後才會有資料
24 小時後才會有資料

Google Analytics 發布商報表

以下截幾張發布商報表會看到的資料,沒有仔細研究過裡面名詞的意思,就不亂寫。

發布商總覽,可以看到哪個頁面收益最好:

發布商總覽
發布商總覽

網頁那一列的部份再點進去,就會看到該頁的成效:

發布商網頁
發布商網頁
發布商網頁 切換成AdSense
發布商網頁 切換成 AdSense

另外還有一個參照網址,可以看見從哪裡來的收益較好:

發布商參照網址
發布商參照網址
發布商參照網址
發布商參照網址 切換成 AdSense

筆記後心得

透過平台上廣告的基本上都會被平台商賺一手。之前聽過一個比喻,淘金熱的時候,最賺的是誰?不會是淘金客,而是載那些淘金客去淘金地的船商。

Summary
WordPress:埋 Google AdSense 廣告
Article Name
WordPress:埋 Google AdSense 廣告
Description
本篇大綱:Google AdSense,小站站長賺不了什麼錢。為什麼要寫這篇?1 AdSense審核是否能埋廣告。2 埋AdSense廣告。不推薦AdSense自動放廣告。手動埋廣告的外掛。3 從AdSense產生廣告程式碼。Google Analytics連結AdSense。發布商報表
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Analytics Google

GA:User-ID 功能 設定及報表檢視

Front-End

File API 客製上傳檔案按鈕 / input file

API

如何用 Postman Mock Server 快速建立 API Server

Front-End

不會寫程式,也能自己架一個免費網站:Publii + GitHub Pages

Bot Telegram

Telegram Bot 學習筆記 – 6:Google 表單提交時收到通知

Analytics Google

Google Analytics 用戶計時 / User Timings

API

用 Performance API 檢測檔案讀取時間

WordPress

如何用 MAMP 在本機安裝 WordPress

Google Others

用 reCAPTCHA v3 來做非機器人驗證

WordPress

用 Auth0 在 WordPress 上做會員註冊、登入功能

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 Augustus 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 Augustus 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。

訂閱
通知
guest
12 Comments
最舊
最新
Inline Feedbacks
看所有留言
Bruce
Bruce
1 年 之前

很好的一篇文章,竟然没有人评论,最近准备在自己的小博客上加个adsense,你的文章对我挺有帮助,感谢!

Anson Chen
Anson Chen
1 年 之前

感謝分享~

May
May
11 月 之前

這一篇很有用! 謝謝你的分享,我也照著做了,請問站長你文章內的廣告是插入 原生的文章內廣告嗎? 還是也一樣使用多媒體廣告?

謝謝

張丁丁
張丁丁
9 月 之前

很有幫助的一篇文章,參考值很大

Clare
Clare
4 月 之前

感謝大大的文章,圖片跟說明都非常清楚,讓我可以一步一步慢慢跟著做 🙂

emma
emma
3 月 之前

站長大大您好,謝謝您的文章,獲益良多!!!
想跟您請教,經由您的實驗,手動埋Google AdSense的效果(我指的是經由廣告帶來的$$),是否有比Google AdSense自動放廣告效果好呢?
萬分感謝🙏

emma
emma
回覆給  Augustus
3 月 之前

好的了解!謝謝您的分享^^