這個....實在沒什麼技巧
但是參數有點多，所以寫了這篇來記錄一下
GA 的追蹤碼其實是不能追蹤到電子郵件的，因為Email也不能 run javascript
但是可以透過 Measurement Protocol 這個協定來傳遞資訊到 GA
Measurement Protocol :
https://developers.google.com/analytics/devguides/collection/protocol/v1/reference
作法就是在你的 EDM 裡面放一個圖片，而圖片的位置則是 GA 接收資訊的網址
廢話前言：
因為最近新網站要上線了，也順便把埋在原本舊網站裡的 ga 追蹤碼，換成使用 google 代碼管理(GTM)
要無痛更換其實也很簡單，首先來這邊建立帳戶與容器
然後填入原本的追蹤代號，將產生的 js code 依照說明，貼到要追蹤的網頁就可以了
因為實在太簡單，所以就不解釋
因此這一篇要來研究的是如何利用 Google 代碼管理來追蹤網頁上的點擊事件
最近開始在仔細的學 google analytics 了，ga 雖然已經用了很久
之前都是簡單的看一下數字的增減，然後看曲線圖......挖 流量提高了好高興 end
但是沒有去了解數字與數字間的關係，還有對網站來說背後有什麼意義，更不用講分析
既然要學習就要先從名詞定義開始了解!
我發現網路上 google analytics 的文章一狗票，但還是要用自己的方式整理學得比較快
如果忘記了也可以隨時回來複習，所以有了這一篇
在正式開始之前，先來了解一下 GA 的運作方式
這篇要來紀錄學到的是 Chrome 瀏覽器的開發人員工具 (Chrome DevTools) 的一些小技巧
這個開發工具對我來說有點強，如果會使用或是加上其他套件的話，有很多小技巧可以讓你開發更快速
但是這一篇先來了解的是 console 的使用，畢竟這個比較常用
之後再來使用這個工具來效能分析之類的
首先混篇數的是常用的快捷鍵 (不常用的就不列了)
一、快捷鍵
1. F12 叫出開發人員工具
今天大年初一，大家新年快樂！ 這部落格不只寫程式，還教你吃瓜子
晚上在家吃瓜子看電視，邊用上個月買的瓜子剪刀邊剪邊吃，覺得這根本是過年神器
除了可以剪黑瓜子，還可以用在葵花子、開心果.....等，重點一隻才 $88
大家記得過年瓜子不要全部吃完，過完年後趕快去買一隻，感受一下時代的進步
不要再跟原始人一樣用牙齒咬了，對牙齒會不好喔！會傷害琺瑯質
而且用了這個老人家也可以很輕鬆的吃，首先來看一下主角跟瓜子們
前言：
首先先來一張圖炫耀一下證明有買
會買這隻耳機的原因是因為原廠的耳麥實在覺得很爛
一來只有單邊，二來很容易掉，玩線上遊戲的時候跟人家講話都怕玩一玩會掉
然後如果買非PS4專用的耳機麥克風，麥克風會不能用 (據某個購買Sony無線耳機的朋友說的)
再來是我哥一直覺得我在房間看電影集的聲音很吵 (我用PS4 APP看 Netflix) 但喇叭關小聲就沒 fu了
今天要來寫很久沒寫的開箱文，會買這隻手機真的有比海還深的原因，畢竟我不喜歡買韓貨
本來想買 google pixel xl，但是買不到.....orz
這篇本來懶得寫，但是想說一隻貴鬆鬆還是寫一下好了，但也不是說這支不好，相反的他 CP 值還有點高
但當然缺點我覺得也不少，但總體來說是個 CP值很高的手機 (可以用很久的意思，現在大概 18000以下)
我買這隻手機一開始的定位，就在我用了一年後，我爸手機爛掉的話就給我爸用! 然後我去買新的!
以這樣的需求去找手機，就找到這隻 LG V20啦，預設就是新的 Android 7.0 Nougat 牛軋糖
首先混版面看一下摳來的規格：
廢話前言：
已經很久沒寫部落格了，其實很懶得寫，但這東西真的花了我很多時間
一個專案可能半天就寫完了，剩下一天半都在處理 fb cache 的問題
facebook 官方提供的 Debugger 工具不知道按過幾百次了，抓到的圖文還是舊的
所以以下提供解決的方法，會造成這樣的原因有很多種
但最重要的是.....最好要求需求單位文案不要改來改去，因為 fb 的 cache 真的很難搞
CSS、Responsive Web Design (2) JS、JQuery、Angular、React... (4)