新增專欄列表頁 GA

columns/lists/js/main.js

@@ -52,6 +52,7 @@ let subCategory = [
 // 主要篩選按鈕
 $('.category-btn .main button').on('click', function () {
   let btnText = $(this)[0].innerText;
+  push_columns_GA(btnText)
 
   if (btnText === "所有文章") {
     columnType = "";
@@ -93,6 +94,10 @@ $('.category-btn .main button').on('click', function () {
 
 // 次要篩選按鈕
 function clickSubBtn(event, val) {
+  if (val === "小宅規劃" || val === "老屋翻新") {
+    push_columns_GA(val);
+  }
+
   page = 1;
   columnSubType = val;
 
@@ -262,6 +267,45 @@ $(window).on('scroll', function () {
   }
 });
 
+// 發送 GA
+function push_columns_GA(key) {
+  let eventLabel = '';
+
+  switch (key) {
+    case '編輯精選':
+      eventLabel = 'editorchoose_article';
+      break;
+    case '居家設計':
+      eventLabel = 'housedesign_article';
+      break;
+    case '裝修前線':
+      eventLabel = 'decoration_article';
+      break;
+    case '生活PLUS':
+      eventLabel = 'plus_article';
+      break;
+    case '品牌好物':
+      eventLabel = 'gooditem_article';
+      break;
+    case '房市焦點':
+      eventLabel = 'focus_article';
+      break;
+    case '小宅規劃':
+      eventLabel = 'small_article';
+      break;
+    case '老屋翻新':
+      eventLabel = 'renovation_condition_article';
+      break;
+
+    default:
+      eventLabel = 'unknown';
+  }
+
+  dataLayer.push({ 'event': eventLabel });
+  // 發送 Facebook Pixel 事件
+  fbq('trackCustom', eventLabel);
+}
+
 // ga 設計師搜尋 (熱搜關鍵字)
 $(".search-bar-keyword li a").on("click", (e) => {
   dataLayer.push({

css/all.css

@@ -29,6 +29,16 @@ body {
   border-color: #EE7800 !important;
 }
 
+.btn-outline-primary {
+  color: #EE7800;
+  border-color: #EE7800;
+}
+.btn-outline-primary:hover {
+  color: #fff;
+  background-color: #EE7800;
+  border-color: #EE7800;
+}
+
 .pagination {
   border-radius: 5px;
   overflow: hidden;

css/all.scss

@@ -34,6 +34,17 @@ body {
   border-color: #EE7800 !important;
 }
 
+.btn-outline-primary {
+  color: #EE7800;
+  border-color: #EE7800;
+
+  &:hover {
+    color: #fff;
+    background-color: #EE7800;
+    border-color: #EE7800;
+  }
+}
+
 .pagination {
   border-radius: 5px;
   overflow: hidden;

js/lists.js

@@ -324,8 +324,6 @@ function push_GA(text, value) {
   }
 }
 
-
-
 // 房屋狀況 GA
 function push_GA_condition_select(key) {
   console.log('push_GA_condition_select', key);

template/top_carousel.html

@@ -40,7 +40,7 @@
       try {
         ad_first = list_Topup_Banner[randomInt].getAttribute('data_id');
       } catch (e) {
-        ad_first = '加載問題，所以請無視';
+        ad_first = '加載問題，請無視';
         console.log(ad_first);
       }