Netlify+Gitlab 建一個免費靜態網站

本篇大綱:免費架一個站的工具愈來愈多。開始前需要準備好的。1 註冊Netlify帳號。2 連接Gitlab專案。3 修改子網域名稱。4 自訂域名。本篇要筆記的是免費架站工具:Netlify。它可以直接抓Github、Gitlab裡的專案,想更新時只要push專案就行,而且還可以自訂網域。

Nuxt.js一些好用的設定

本篇大綱:Nuxt.js用起來蠻順手的。新增nuxt專案。head的lang修改。修改整頁使用的模版。用不同的layout。使用sass、pug。npm run generate到相對路徑。這篇是筆記在看文件時,覺得未來會用到的,或是在開發過程中遇到的問題,然後研究一陣後找到的解法,作一個整理。

Nuxt.js 引用Firebase SDK

本篇大綱:Nuxt.js 學習中。1 新增firebase.js。2 更新nuxt.config.js。3 各頁面引用。最近在看Nuxt.js的文件,剛好手上有一個站當初是用Vue Cli的,想來轉用nuxt.js,沒想到在第一步引用Firebase SDK就卡關。

Slack通知功能 可互動

本篇大綱:學了單純發送訊息後,接著我們來學可互動訊息。1 建立一個App。2 開啟App功能。Incoming Webhooks。Interactive Components。3 發送訊息、接收訊息的程式碼。4 實際範例。參考資源。想要有可互動的訊息,我們得自己建立一個App。

Slack通知功能 純靜態

本篇大綱:原來Slack通知還蠻多人用的。純靜態?註冊Slack,跳過。1 開通自動通知功能。1-2 忘記了webhook url?2 發送訊息。3 設定自動發送。4 除了純文字的訊息,還有多種格式。筆記後心得。這篇寫的自動通知,就是單純發送個訊息的,無法跟訊息有互動。

WordPress:埋Google AdSense廣告

本篇大綱:Google AdSense,小站站長賺不了什麼錢。為什麼要寫這篇?1 AdSense審核是否能埋廣告。2 埋AdSense廣告。不推薦AdSense自動放廣告。手動埋廣告的外掛。3 從AdSense產生廣告程式碼。Google Analytics連結AdSense。發布商報表

WordPress:Site Kit by Google介紹及使用

本篇大綱:寫在Google AdSense之前。Site Kit by Google介紹。安裝Google Site Kit。連結Google Analytics。加裝更多功能。因為本站裝Google AdSense驗證的部份是用Site Kit by Google這個外掛,因此先來寫一篇介紹一下這外掛的筆記。

Youtube Iframe API 常用功能

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

GA:啟用Web+APP報表

本篇大綱:Google Analytics?介面怎麼不一樣。步驟1:建立Firebase專案。步驟2:建立Firebase應用程式。步驟3:修改連接的GA。步驟4:為新增的GA資源,指定收哪一個GA資源。從GA中串流資料。GA報表 VS. Web+APP報表

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

本篇大綱:User-ID,讓報表更精確。對前端來說有個大問題。本篇範例說明。1 同意User-ID政策。2 埋GA追蹤碼時,再加一行User-ID。3 新增User-ID用的資料檢視。User-ID帶來的報表改變。一般 VS. User-ID 目標對象報表。使用者多層檢視。跨裝置。