WordPress 註冊 Email 驗證外掛


記得小時候生病三天就可以生龍活虎,超過 40 歲後一感冒沒有七天以上好不了。上週感冒躺平了整整一個禮拜,症狀緩解後又出現之前得新冠肺炎的腦霧症狀,除了工作無法集中精神外,走路還會頭暈,生病拖累了原本預定的工作進度,還好吃了中藥有慢慢改善,也因此電子報的發刊期間不太固定,還請見諒,只要有體力我一定會努力出刊~

距離 WordCamp Taiwan 剩下不到一個月的時間,我正在如火如荼的製作簡報中,聽到一些朋友說怕會聽不懂所以不敢報名,我就跟他說去 WordCamp 聽演講是其次,重點是在休息時間可以跟同樣在使用 WordPress 但卻是不同產業的朋友交流,聊得來還可以促成日後的合作機會,我的貴人就是這樣跟他在 WordCamp 相認的。

因此,如果 10/14 當天你沒事的話,可以趕快到這邊去搶最後幾張的票,今年報名的速度飛快,一轉眼就快賣光了,證明 WordPress 在台灣的市場一年比一年成長,我有以 WP 開發日常的名義贊助擺攤,如果你當天會出現的話記得來找我,讓我可以當面謝謝你的支持訂閱電子報!

這週開發了兩支新外掛,介紹如下:

WordPress 註冊 Email 驗證外掛

前陣子朋友的網站一直深受假帳號註冊的困擾,雖然沒有造成實質上的損失,但卻增加了管理成本,特別是在活動期間這些假帳號開始洗抽獎資格,進而影響到真實會員的權益。雖然後來裝上了機器人驗證與 Email 信件驗證來排除該問題,但對於使用上多少還是有些不便利。

對註冊的會員來說需要通過 reCAPTCHA 的考題,然後還要再開啟信箱點選驗證信才能開通帳號,對管理員來說設定 reCAPTCHA 也有一定的申請步驟跟流程,於是我就在思考有沒有更快速又便利的解決方案。

何謂有效的 Email?我將它定義為可以收得到信的電子郵件,至於該如何確定這個信箱可以收信,很簡單,實際發信過去看看,如果對方信箱回應的狀態碼是正確的,那麼這個 Email 就是有效,抱持著這個思路,我跟夥伴開發了 WP Mail Checker 外掛,運作畫面如下:

只要啟用外掛後,所有電子郵件欄位就會在使用者輸入時同步進行檢查,檢查的方式是透過 API 進行呼叫,流程是先進行 DNS 檢查信箱網址,通過的話再使用程式實際發信測試,如果測試回垂結果告知不能收信,就會返回如上圖的錯誤訊息,要求使用者更換一個信箱。

除此之外,WooCommerce 的結帳欄位、登入註冊表單中的電子郵件也會做這個檢查,準確的說是只要有需要輸入電子郵件的地方,在外掛啟用後都會自動加入發信測試判斷,身為管理者你的設定成本是零,而會員也不用再實際去收件後點擊驗證連結,藉此降低註冊的阻力:

後來發現這樣的做法雖然可以避免輸入收不到信的信箱,但現在有許多一次性的臨時信箱可以使用,我們的解決辦法是在後台提供設定項來設定能夠註冊的信箱網址,像是限定 gmail 或是 hotmail,如果站長不介意註冊者使用臨時信箱註冊,留空不設定即可:

我們希望把驗證電子郵件這件事做到最單純,不管是對註冊者還是管理者都一樣,能夠用最少的步驟完成驗證信箱是我們設計這支外掛的目標。該外掛目前還在進行更多的測試,如果你有這樣的需求可以來信跟我說,我會在正式釋出後的第一時間通知你!

WordPress Meta Pixel 設定外掛

有在處理廣告投放需求的朋友應該聽過 Meta 像素的設定,前陣子幫忙客戶設定後才知道原來現在除了透過瀏覽器端的追蹤,還可以從伺服器這邊來傳送相關的事件,避免因為瀏覽器本身的限制而讓追蹤失敗。

透過伺服器傳送的方式叫做轉換 API,他有一系列的事件可以設定,像是購物網站加入購物車、購買等事件,或是也可以自訂客製化的事件,然後每個事件可以加入相對應的參數,就能在企業管理平台看到對應的數據。

目前該功能最多人使用的應該是 PixelYourSite 這支外掛,安裝數有超過 40 萬,而 Meta 本身也有提供 facebook-for-woocommerce 的外掛,這兩支外掛可以設定的功能很多,尤其是前者,提供除了 Meta 以外的追蹤設定,像是 Google Analytics、Google Ads,甚至還有 Pinterest 與 TikTok。

但也因為可以支援的管道很多,每個管道的設定環境有有點不太一樣,因此在設定事件時會看到所有管道的設定選項,如果單純只是想用 Meta 像素的話這個設定介面比較不直覺,容易被太多的選項干擾。

抱持著這樣的出發點,我們開發了一款全新的外掛名為 WP Meta Pixel,顧名思義就是只專注在 Meta 像素的設定上,希望讓站長可以以非常簡潔的方式來完成設定,並且不用寫任何一行程式碼就能完成事件追蹤,操作介面如下:

1. 新增像素

從左側 Meta Pixel 選單點選新增,在文章標題的地方輸入像素 ID,並將狀態設定為啟用,這樣就完成像素基底程式碼的安裝,在網站上的所有頁面都會置入該像素程式碼:

2. 設定標準事件與觸發頁面

接下來點選啟用事件,選擇事件的類型以及會觸發該事件的所在頁面,事件數量沒有上限,同一個事件也能在多個頁面進行觸發:

3.設定轉換 API

為了可以更精準的取得事件觸發的成效,該外掛也整合了轉換 API 的設定,只要點選啟用後,把事件管理後台中的 Token 貼入即可:

4.設定自訂事件與觸發頁面

除了 Meta 的標準事件外,還可以依照需求加入自訂事件,這樣在事件管理後台中就能方便辨識:

WP Meta Pixel 會自動去帶入使用者的電子郵件、造訪 IP 位置,一些比較特殊的事件像是加入願望清單、訂閱等也會支援 WooCommerce 常見的相關外掛,讓事件追蹤可以更完整的支援 WordPress 生態系。

如果你最近剛好有設定 Meta Pixel 的需求並且覺得現有的解決方案都不好用,歡迎來信跟我說,我會在該外掛正式釋出後通知你!

-

最近朋友凹我幫他宣傳一下徵才訊息:https://www.linkedin.com/jobs/view/3712795506/

他們主要在做 AI 相關的產品,需要一堆我看不懂的技術,像是 LangChain、LLM、LLaMA-2 等一堆 L 的知識,產品本身主要是協助電商平台的銷售,如果你略懂機器學習、對新創公司擁有無限的憧憬,趕緊去跳坑吧!我們下期見!

WordPress 開發日常

Read more from WordPress 開發日常

多巴胺(Dopamine)是一種神經傳遞物質,負責傳遞興奮和愉悅感。能引起渴望、興奮和希望等情緒,激勵人們追求目標。 上週日感冒了,很久沒有這麼嚴重的大感冒,發燒加喉嚨、頭爆炸痛,連續幾個晚上都沒什麼睡,白天完全沒有體力上工,不是在睡覺就是在發呆放空,受不了最後還是看了醫生吃了藥,每天等著症狀好轉。 到了週三稍微有點精神可以看書,看完「流言終結者」主持人亞當的書「創客精神」後一整個被激勵,很想要來動手做些什麼,於是拿出筆記本把一些點子畫下來,我想到可以做一個平台來搜集大家使用 Vibe Coding 開發出來的作品: 由於還沒有體力坐在電腦前工作,我就想說用平板先來做個雛形看看,付費解鎖了 Claude,也試了 Replit、Firebase Studio 來玩看看,很快的就有網站原型,再從這個原型去發想更多的功能細節。 第一次的衝擊 隔天因為需要回一些工作的訊息就開了電腦,想説回完後就關機繼續休息,結果想說把昨天弄的原型用 Cursor 來重做一次,能夠直接自己修改程式碼還是比較安心,但我忽然靈光一閃,我不是想要讓自己投入到 Vibe Coding...

原本努力了一個半月的新產品眼看就要正式釋出了,但在請了幾位客戶幫忙測試後,毅然決然暫停開發,主因是新產品有一些致命且短期無法解決的問題,再加上收入模式不明確,繼續開發下去會把自己推入險境中。 反而是請客戶試用的過程中,收到不少新功能的建議,考量到要顧好既有客戶以及營收狀況,還是決定先以既有產品的擴充功能為主,把營收站穩後再來另開戰場。 工作佔比 五月份總工作時數為 66.98 小時,比四月增加了 1.34 小時。各類工作佔比如下: 行銷:14% 產品更新:38% 產品研發:48% 這個月從下半月開始,全面採用 Vibe Coding 模式開發,在離開電腦前下好指令,回來後再驗收成果,一開始覺得很爽快,有一種人不在電腦前還是有進度的錯覺,尤其是在寫新外掛的雛形時很快就能獲得一些成果。 但如果寫流程比較多的功能,在驗收時就會開始感受到混亂,像是引用錯參考資料或是沒有遵循設計模式,一個檔案超過 500 行是家常便飯,事後反而要花時間在釐清甚至重新整理它的寫法,這部分我覺得應該可以透過提示詞來慢慢跟它磨合,就像以前跟朋友一起合作開發一樣,需要把相關的事項溝通清楚。 行銷 內容行銷...

最近常用 AI 產生程式碼,結果一堆程式自己都看不懂,只有錯誤發生時才會回頭研究到底寫了什麼。想說乾脆寫篇文章記錄一下,當作學習筆記。本篇主題是 OpenAI API 與 WordPress 的整合,讓 AI 能直接操作 WordPress。 初探工具請求(Function calling) 像 GPT 這類自然語言模型是靠訓練資料回應問題,但資料若過時,或想取得即時資訊,模型本身無法處理。這時可以透過「工具請求(Function calling)」來解決。 原理是:先告訴 AI 有哪些工具可用,當對話中出現相關需求,AI 就能自動判斷是否要使用某個工具。這些工具可以是 WordPress 的函式(如 WP_Query 查文章),也可以是外部 API(例如 Google 搜尋),執行後把結果再交給 AI 處理並產出回應,自然語言化地回答使用者。 適用場景 1. 整合客服機器人 如果你想設計聊天介面給其他人使用,像是客服機器人外掛,就很適合採用這個技術來取得網站內的資訊,像是讓客人查詢商品、訂單相關資訊、搜尋產品使用說明文件,或是讓管理員查詢營業額、網站瀏覽數據。...