[GTM] 30 – 透過 Tag Manager 把不符合 GA URL 格式的站內搜尋 (Site Search) 設定完成

如果自家網站有提供站內搜尋 (Site Search)，可以在 GA 中開啟站內搜尋功能，就可以在 [行為] > [站內搜尋] 中看到使用者在網站中的搜尋行為，設定的方式如下圖示： 在 Query parameter 中輸入網站中查詢參數的值，ex：q，如果有類別參數的話可以在 Category parameter 中設定值，ex：cat，詳細的設定請參考 Google Help 站內搜尋文件 這樣在 GA …

[GTM] 29 – 如何利用 Tag Manager 改變 Android Chrome 的顏色

如標題所示，其實只要在 中加入一段 Meta Tag 即可， 加入以上的 Meta Tag 就可以看到下圖右邊的效果! (來源：Google Address Bar with GTM) 如何利用 Tag Manager 實作這個效果呢? 就是加上一個 Custom …

[GTM] 28 – 如何讓網站的 Site Searchbox有可能出現在 Google 搜尋引擎結果頁(SERP)

上一篇文章有說明如何實作 Opensearch ，假設網站已經實作完成，之後就可以考慮使用 GTM 把 Sitelinks Searchbox 的 Structured Data 加到網站中，幸運的話 Google 會把網址的 Site Searchbox 加到搜尋引擎結果頁(SERP)上，如下圖所示： (來源：Google Developer Sitelinks Searchbox) …

[GTM] 27 – 番外篇 – 多個不同的 Schema Type 如何放在同一個 JSON-LD 中

用 JSON-LD 去描述網站中的資訊是一個很好讓瀏覽器理解自己網站有什麼內容的方式但如果有多個不同 type 的 schema 如何放在同一個 JSON-LD 中呢? 如果是只有一種 type 是用下圖的方式： 如果有多種不同 type 就用”方括號” (陣列) 包起來，如下圖： 實際放到 Google Structured …

[GTM] 26 – 番外篇 – 如何實作 Openseach 於網站中，在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

如果網站有實作站內搜尋的話，如何加上 Opensearch，讓各瀏覽器可以加入自己網站的搜尋引擎，ex：在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容 加入 Opensearch 後就可以看到，輸入自家網站的網址，如下圖：(Chrome 右邊會提示按下 Tab 即可以搜尋網站內容) 按下 Tab 後就可以看到自家的網站變成藍色的字，如下圖：(要取消這個效果可以按 Backspace) 在後面接續要搜尋的 Keyword，如下圖：(第一個項目會提示這是在該網站內的搜尋) 按下 Enter …

[GTM] 25 – 透過 Tag Manager 來建立結構化資料(Structured Data) – 文章資訊(JSON-LD)

如果網站中有文章 (Article) 的資訊，可以試著用 JSON-LD 去描述，這樣在 Google 的搜尋結果頁(SERP)有機會可以看到比較不一樣的資訊呈現，如下圖所示： [來源：Google Developers] 而文章的 JSON-LD 的格式，如下圖所示： [詳細資訊，請參考：Google Developers] 格式確定好之後，即可透過 Google Tag Manager 的 Custom …

[GTM] 24 – 透過 Tag Manager 來建立結構化資料(Structured Data) – 網站資訊(JSON-LD)

結構化資料(Structured Data) 透過 GTM 把網站資訊，如：名稱(Name)，標誌(Logo)和社群連結(Social Links)等結構化資料(Structured Data)加到 JSON-LD 中，有機會當 User 搜尋自己的公司網站時，在搜尋列表頁右側呈現對應的公司卡片資訊，如下圖所示： GTM 設定 在 GTM 中要加先建立 Custom HTML Tag，HTML 的內容如下所示，中括號的內容是要填上對應的資訊，社群連結填可以一到多個，如果只有一個就寫一個就好 …

[GTM] 23 – 如何透過 Tag Manager 整合第三方(Third-party)服務

這篇文章之前都只介紹 GTM 和 GA 的整合，接下來要跟大家介紹比較常用的第三方服務和其整合的方式，大多是分成兩種：原生 Tag 整合和 Custom JS Tag 整合 原生 Tag 整合 之前有跟大家說明過 GTM 的 Tag 大約有 60、70 …

[GTM] 22 – 使用原生的 Youtube 代碼設定影片的行為追蹤

GTM 也提供了 Youtube 原生的觸發條件(Trigger)中。設定後我們就可以從 GA 看到使用者在 Youtube 上的行為數據，讓我們可以更了解使用者對 Youtube 影片的喜好程度，而不單單只有瀏覽數來判斷 首先我們可以先加在新增一個 Trigger，而 Trigger Type 選擇「Youtube 影片」(Youtube Video)，如下圖所示： 接著依需求選擇「擷取」的事件：開始(Start)、完成(Complete)、暫停(Pause)、跳轉(Seeking)、緩衝(Buffering)、進度(Progress)，下圖的範例是全部勾選，並在進度的下選擇百分比(Percentages)，代表在設定的特定數值中去 Trigger Event …

[GTM] 21 – 使用非互動匹配(Non-Interaction Hit)來修正跳出率(Bounce Rate)

跳出率(Bounce Rate) 跳出率的意思是，有多少百分比的訪客沒有在我們的網頁進行互動，只瀏覽了一個網頁就離開的訪客百分比。在 GA 的跳出率呈現如下圖所示： GTM 中的 GA Event Tag 裡有一個「非互動匹配」(Non-Interaction Hit)的選項，預設是「否」(False)，如下圖所示，代表這個事件便會被 GA 視為「有互動的工作階段」，並且完成該事件的工作階段並不會列入跳出率中 如果我們把「非互動匹配」的選項改成「是」(True)，則代表此 Event Tag 被視為「沒有互動的工作階段」，這種作法滿常被使用在單頁式(One-page)內容網頁，且 Event 是追蹤 …