Others 彙整 - Let's Write

Category:Others

本篇大綱：本篇要解決的問題。註冊 reCAPTCHA。v3 特有的 2 個值：action、score。頁面使用 reCAPTCHA 方法 1：直接埋 HTML。頁面使用 reCAPTCHA 方法 2：寫 JavaScript 使用。後端向 reCAPTCHA 驗證。

本篇大綱：本篇要解決的問題。註冊 reCAPTCHA。頁面使用 reCAPTCHA 方法 1：直接埋 HTML。頁面使用 reCAPTCHA 方法 2：寫 JavaScript 使用。後端向 reCAPTCHA 驗證。取 IP。

本篇大綱：本篇要解決的問題。選用 A/B 版本測試。設定 A/B 版。要執行測試的網址規則。連結 GA 並設定目標。埋程式碼。執行測試。結果報表。最近想對本站的右側版面做些排列上的修改，很好奇「請喝咖啡」的區塊移上去，是不是成效會比較好？

本篇大綱：本篇要解決的問題。建立 Functions。測試 Functions。刪除 Functions。GCP 上也有建立 Cloud Functions 的服務，而且還有介面可以操作，對於建立、測試、刪除這些基本步驟，相較於 Firebase 要下命令，更為簡便。

本篇大綱：影片愈來愈重要的這時代，前端會遇到嵌 Youtube 的相關需求。基本使用：嵌入影片 + 自動播放。1 HTML 中放一個 div，由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。

本篇大綱：為什麼要自己開發一個按鈕、按鈕樣式部份、按鈕功能部份、判斷使用者語系、在 Google Apps Script 上寫 API、cookies、發 Google Analytics 事件、埋程式碼HTML、CSS、JS、結論。

本篇大綱：頁面上廣告數量多少是很重要的、top heavy演算法關心的是什麼、要如何知道頁面上的廣告是不是過多？實作：設定廣告體驗報告。根據講師課堂上的解釋，top heavye演算法就是：把網頁切一半，如果上半部的廣告數量佔到4個以上，就會扣seo分數，進而影響排名。

自從 Google 設計了 Material Desgin 後，表單 label 跟 input 的結合方式讓很多人「致敬」。最近想用 Netflix 追劇，在註冊的時候，就發現他們的表單就是用了一樣的效果，連 Netflix 都在用了，看來是個好設計，就決定自己來寫一個。

本篇大綱：本篇要解決的問題、介紹GCP（Google Cloud Platform）及使用介面、使用GCP App Engine、安裝Google Cloud SDK、app.yaml、Cloud Build API、3個注意事項五、結論及心得