Prechádzať zdrojové kódy

新增專欄列表頁 GA

SyuanYu 7 mesiacov pred
rodič
commit
f806af3940
6 zmenil súbory, kde vykonal 66 pridanie a 3 odobranie
  1. 44 0
      columns/lists/js/main.js
  2. 10 0
      css/all.css
  3. 0 0
      css/all.css.map
  4. 11 0
      css/all.scss
  5. 0 2
      js/lists.js
  6. 1 1
      template/top_carousel.html

+ 44 - 0
columns/lists/js/main.js

@@ -52,6 +52,7 @@ let subCategory = [
 // 主要篩選按鈕
 // 主要篩選按鈕
 $('.category-btn .main button').on('click', function () {
 $('.category-btn .main button').on('click', function () {
   let btnText = $(this)[0].innerText;
   let btnText = $(this)[0].innerText;
+  push_columns_GA(btnText)
 
 
   if (btnText === "所有文章") {
   if (btnText === "所有文章") {
     columnType = "";
     columnType = "";
@@ -93,6 +94,10 @@ $('.category-btn .main button').on('click', function () {
 
 
 // 次要篩選按鈕
 // 次要篩選按鈕
 function clickSubBtn(event, val) {
 function clickSubBtn(event, val) {
+  if (val === "小宅規劃" || val === "老屋翻新") {
+    push_columns_GA(val);
+  }
+
   page = 1;
   page = 1;
   columnSubType = val;
   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 設計師搜尋 (熱搜關鍵字)
 // ga 設計師搜尋 (熱搜關鍵字)
 $(".search-bar-keyword li a").on("click", (e) => {
 $(".search-bar-keyword li a").on("click", (e) => {
   dataLayer.push({
   dataLayer.push({

+ 10 - 0
css/all.css

@@ -29,6 +29,16 @@ body {
   border-color: #EE7800 !important;
   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 {
 .pagination {
   border-radius: 5px;
   border-radius: 5px;
   overflow: hidden;
   overflow: hidden;

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 0 - 0
css/all.css.map


+ 11 - 0
css/all.scss

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

+ 0 - 2
js/lists.js

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

+ 1 - 1
template/top_carousel.html

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

Niektoré súbory nie sú zobrazené, pretože je v týchto rozdielových dátach zmenené mnoho súborov