SEO:google top heavy演算法

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

GA報表:電子商務 內部宣傳 報表

本篇大綱:本篇要解決什麼問題、使用GA的電商報表的3項前置作業 -1 貨幣改為計算成效的幣別 -2 開啟電子商務功能 -3 追蹤code加入幣別。GA電商報表,內部宣傳2事件、從哪看GA電子商務報表。有一個需求是大家都會有的:「這些banner的成效如何?」

PWA學習筆記-5:用firebase做web push

本篇大綱:用到的資源二、取得FCM金鑰三、新增manifest.json、firebase config、取得使用者的token、新增sw.js、註冊sw.js、存cookies、存firebase、發送web push、接收web push、補充資源

PWA學習筆記-4:manifest.json

本篇大綱:Manifest.json參考資源、manifest.json是做什麼用的?manifest.json成員、關於「chrome主動提示加入主畫面」。manifest.json是在學PWA這塊時最簡單的部份,主要是建一支json檔就可以,相關的參數MDN上或是google一下就會看到。

PWA學習筆記-3:workbox 參數

本篇大綱:列出workbox可用的參數設定 -1 Route Requests -2 Route Requests + 自訂cache名稱 -3 改成debug模式 -4 cache來自於別的網域時 -5 快取的檔案加入檔案數量、期限的限制 -6 離線時也能向GA發送請求

PWA學習筆記-2:workbox CLI

本篇大綱:workbox CLI在做些什麼、用workbox CLI建立sw.js -1 安裝workbox CLI -2 存一支sw-config.js檔(看需求可跳過) -3 使用workbox小精靈,生成workbox-config.js檔 -4 用workbox-config.js檔,生出sw.js

PWA學習筆記-1:cache、workbox基本使用

本篇大綱:前言:PWA會是未來趨勢啊、推薦3篇優質教學文、關於「存到快取(cache)」的就我所知、實作:註冊sw.js、如何查看是否成功註冊、sw.js實作:寫一份sw.js檔、實作:用workbox建立sw.js、實測:頁面載入速度有比較快嗎?

Google Material Design 表單標籤效果

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

用Google Cloud Platform(GCP)建node.js網站

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