Google Tag Manager tracking code 安裝追蹤碼

Tag manager 是一個強大的程式碼管理容器,一個代碼管理中心的概念,提醒一下它並不是取代google analytics,而是涵蓋著處理各種代碼的設定,包括google analytics 以及各種tracking code、或是html等等。功能非常的強大,因此寫錯script或css就可能讓你網站出問題。

閱讀全文

JavaScript Prototype 繼承、原型鏈 Prototype chain

因緣際會之下,最近剛經歷了招募前端,為了準備面試題目,所以整理了一些關於JavaScript的 觀念,其中比較抽象的題目應該是ProtoType、Event loop、Bubbles Capture,這邊就先來介紹一下其中最抽象也比較難理解的JavaScript ProtoType。

閱讀全文

Google Analytics 工作階段介紹、定義

google analytics網頁的左邊欄位,點開目標對象、客戶開發就會發現滿滿的工作階段,如果不懂工作階段的定義,那你裡面的相關數據可能會看不太懂,很久以前我有看過舊版的官方介紹,看完其實一知半解,一直以為工作階段會近似於入站或是使用者,然後有時候看數據就用猜測的。例如說單次工作階段頁數,雖然知道是瀏覽頁數除以工作階段,但你在交叉比對其他數據的時候,就比較難分析出真正原因。

閱讀全文

React Life Cycle 生命週期更新版,父子元件執行順序

如果在開發上是用React,最常用到就是一定是處理state、props,而其中最重要的莫過於是生命週期lifeCycle,可以在每個元件渲染的過程,加入需要的處理,例如載入完元件後非同步抓取資料,更新props觸發處理事件等等。接下來就來介紹life Cycle,順便了解新版本多的功能,還有未來會移除的功能。

閱讀全文

Google analytics UTM設定參數,追蹤facebook廣告、簡訊、EDM

如果你有在操作facebook廣告、電子報,簡訊、或社群曝光分享,你可能會使用某些短網址服務,來分析點擊率、開信率,但是要從google analytics查看每個管道的跳出率、轉換率、停留時間等等,可能技術上會有些複雜。就只能透過網址下參數一些參數來讓ga分開網址,例如(www.iandays.com/?from=fbads&type=video),但這可能會造成網址參數過多,報表的數據難以整理、分析。這時候使用utm,就能解決上面全部問題。

閱讀全文

Node.js、Express、MySQL串接資料庫,Heroku部署環境

一個網站組成主要會是前端加後端,簡單來說,前端主要是畫面加上操作介面,包含了html、css、javascript,後端則是處理使用者請求控制回應,例如登入註冊,會員後台等等,其中後端有各種語言例如PHP、Java、ASP.NET、Node.js、Python、Ruby…等等。

閱讀全文

Facebook 粉絲團網域驗證教學

最近剛好朋友傳給我看一則文章,關於編輯貼文的功能,有條件地開放了。因為fb要防止假新聞事件重演,目前只開放媒體型粉絲團編輯連結資料,其他粉絲團po文都不能編輯,但是,「認證網域」之後就可以開放編輯貼文了。我看到這消息就實際跑一次流程試試看。

閱讀全文

React Higher Order Components 初探觀念

換了工作環境,接觸了全新的專案,一打開react專案,恩…滿滿的stateless component,稍微整理一下相關資訊。這邊要來介紹使用stateless component的時候,常會搭配使用的Higher Order Components,之前有看到「高階組件」這區塊,被他名字誤會了,實際上一點也不高階,他就只是一個function 函式,接受參數元件然後回傳全新元件,簡易的範例如下。

閱讀全文

Google analytics 事件追蹤、轉換目標設定教學 ga event

Google analytics是一個追蹤數據的好工具,其中有個重要的功能『事件追蹤』,事件追蹤可以讓我們紀錄使用者的動作,例如點擊註冊會員按鈕、影片播放,或是滾動畫面等等,只要動作能判斷都可,甚至連滑鼠移動可以追蹤。

閱讀全文

前端工程師面試心得 | Frontend Engineer interview

整理最近的面試心得,要找的是第二份前端職缺,我大概在三月開始找工作,主要是用104、yourator、ptt,找的都是希望有用到前端框架或是未來要用,挑公司產品主力是網頁相關。幾乎都是主動投遞履歷居多,主動找我的只有一間有約面試。

閱讀全文

Menu