zz-shopify-components 0.22.1-beta.2 → 0.22.1-beta.3

package/blocks/zz-button-v2.liquid

@@ -164,7 +164,8 @@
     {
       "type": "text",
       "id": "btn_id",
-      "label": "按钮id属性值",
+      "label": "按钮id",
+      "info": "按钮的唯一id，用于代码控制、埋点统计等"
     },
     {
       "type": "text",
@@ -175,6 +176,7 @@
       "type": "text",
       "id": "click_event_class_name",
       "label": "点击事件统计 classname",
+      "info": "弃用，请使用”按钮id"
     },
   ],
   "presets": [
@@ -226,11 +228,13 @@
     document.addEventListener('DOMContentLoaded', (event) => {
       const btn = document.getElementsByClassName('{{ btn_class }}')
       if(btn && btn[0]) {
-        btn[0].addEventListener('click', (event) => {
-          window.zzAnalytics && window.zzAnalytics.trackEvent("{{ block.settings.click_event_class_name }}", {
-            timestamp: new Date().toISOString(),
+        {% if block.settings.click_event_class_name != blank %}
+          btn[0].addEventListener('click', (event) => {
+            window.zzAnalytics && window.zzAnalytics.trackEvent("{{ block.settings.click_event_class_name }}", {
+              timestamp: new Date().toISOString(),
+            });
           });
-        });
+        {% endif %}
         {% if block.settings.function_type == 'link_map' %}
           if(window.bindSiteJump) {
             bindSiteJump(btn[0], {{ block.settings.links | json }})

package/blocks/zz-button.liquid

@@ -162,10 +162,10 @@
   ],
   "presets": [
     {
-      "name": "Button"
+      "name": "Button 弃用"
     },
     {
-      "name": "按钮"
+      "name": "按钮 弃用"
     }
   ]
 }

package/blocks/zz-flex-layout-bg-block.liquid

@@ -352,7 +352,24 @@
       "id": "overflow_x_hidden",
       "label": "是否禁止横轴移动",
       "default": true
-    }
+    },
+    {
+      "type": "header",
+      "content": "统计相关"
+    },
+   {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对Block模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
     
   ],
   "blocks": [
@@ -611,7 +628,14 @@
 
 {% assign layout_class = 'bg-layout' | append: block.id %}
 
-<div class="bg-responsive-block-layout {{ layout_class }} {{ block.settings.self_animation }} {{ block.settings.child_animation }}">
+<div 
+   {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+  class="bg-responsive-block-layout {{ layout_class }} {{ block.settings.self_animation }} {{ block.settings.child_animation }}">
   
     {% content_for 'blocks' %}
 </div>

package/blocks/zz-flex-layout-block.liquid

@@ -228,7 +228,6 @@
       "label": "是否禁止横轴移动",
       "default": true
     },
-   
     {
       "type": "text",
       "id": "custom_class",
@@ -247,6 +246,24 @@
       "id": "offset_top_mobile",
       "info": "单位：px, 针对一些覆盖到上面组件的情况"
     },
+    {
+      "type": "header",
+      "content": "统计相关"
+    },
+   {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对Block模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
+
      
    
   ],
@@ -611,6 +628,13 @@
   }
 </style>
 
-<div class="flex-layout-block-container {{ block.settings.self_animation }} {{ block.settings.child_animation }} {{ block.settings.custom_class }}">
+<div 
+  {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+  class="flex-layout-block-container {{ block.settings.self_animation }} {{ block.settings.child_animation }} {{ block.settings.custom_class }}">
     {% content_for 'blocks' %}
 </div>

package/blocks/zz-flex-layout-widget.liquid

@@ -211,25 +211,25 @@
       ],
       "default": "none-animation"
     },
-    {
-      "type": "select",
-      "id": "self_animation",
-      "label": "自身动画",
-      "options": [
-        { "value": "none-animation", "label": "无动画" },
-        { "value": "fade-in-content", "label": "从下往上显示" },
-        { "value": "fade-in-from-left-content", "label": "从左往右显示" },
-        { "value": "fade-in-from-right-content", "label": "从右往左显示" },
-        { "value": "slow-reveal-content", "label": "跟随页面滚动缓慢显示" }
-      ],
-      "default": "none-animation"
-    },
     {
       "type": "text",
       "id": "custom_class",
       "label": "自定义class",
       "info": "自定义外层class，自定义样式"
-    }
+    },
+      {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
   ],
   "blocks": [
     {
@@ -340,7 +340,14 @@
 </style>
 
 
-<div class="flex-layout-widget-container {{ block.settings.self_animation }} {{ block.settings.child_animation }} {{ block.settings.custom_class }}">
+<div 
+  {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+  class="flex-layout-widget-container  {{ block.settings.child_animation }} {{ block.settings.custom_class }}">
 
     {% content_for 'blocks' %}
 </div>

package/blocks/zz-full-screen-swiper.liquid

@@ -99,6 +99,12 @@
 
  
   <div 
+    {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
     class='zz-full-screen-swiper zz-full-screen-swiper-{{ block.id }}'
   >
     <div class='zz-swiper-wrapper'>
@@ -283,6 +289,23 @@
         { "value": "light", "label": "白色" },
       ],
       "default": "dark"
+    },
+       {
+      "type": "header",
+      "content": "统计相关"
+    },
+   {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对Block模块进行曝光统计埋点, 必须填写唯一业务id"
     },
   ],
   "blocks": [

package/blocks/zz-modal-block.liquid

@@ -20,7 +20,14 @@
     }
   </style>
 
-  <zz-modal close-btn-color="close-btn-{{ block.settings.close_btn_color }}" {% if block.settings.sheet_on_mobile %} sheet-on-mobile {% endif %} {% if block.settings.no_backdrop_close %} no-backdrop-close {% endif %} id="{{ block.settings.modal_id }}"{% unless block.settings.show_header %} no-header{% endunless %}{% unless block.settings.show_footer %} no-footer{% endunless %}>
+  <zz-modal 
+    {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+    close-btn-color="close-btn-{{ block.settings.close_btn_color }}" {% if block.settings.sheet_on_mobile %} sheet-on-mobile {% endif %} {% if block.settings.no_backdrop_close %} no-backdrop-close {% endif %} id="{{ block.settings.modal_id }}"{% unless block.settings.show_header %} no-header{% endunless %}{% unless block.settings.show_footer %} no-footer{% endunless %}>
     {% if block.settings.show_header %}
     <div slot="header" class="tw-text-[24px] tw-font-semibold">{{ block.settings.header_text }}</div>
     {% endif %}
@@ -157,7 +164,20 @@
         "max": 64,
         "step": 2,
         "default": 20
-      }
+      },
+      {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
 
   ],
   "blocks": [

package/blocks/zz-video-img-list.liquid

@@ -63,6 +63,12 @@
 
  
   <div 
+    {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
     class='zz-video-img-list-swiper zz-video-img-list-swiper-{{ block.id }}'
   >
     <div class='zz-swiper-wrapper swiper-wrapper'>
@@ -151,6 +157,20 @@
       ],
       "default": "light"
     },
+    {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
+    
   ],
   "blocks": [
     {

package/blocks/zz-video-swiper-perview.liquid

@@ -176,6 +176,12 @@
 </style>
 
 <div
+  {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
   class='zz-video-swiper-preview zz-video-swiper-preview-{{ block.id }}'
 >
   <div class='swiper-wrapper'>
@@ -527,7 +533,24 @@
       "id": "has_title_and_content",
       "label": "是否有标题与内容",
       "default": true
-    }
+    },
+    {
+      "type": "header",
+      "content": "统计相关"
+    },
+   {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对Block模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
   ],
   "blocks": [
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-shopify-components",
-  "version": "0.22.1-beta.2",
+  "version": "0.22.1-beta.3",
   "description": "Reusable Shopify components for theme projects",
   "keywords": [
     "shopify",

package/sections/zz-FAQ.liquid

@@ -39,7 +39,14 @@
   }
 {%- endstyle -%}
 
-<div class="faq-custom max-lg:tw-px-[20px] lg:tw-mx-auto lg:tw-w-[95.3125vw] xl:tw-w-[1220px] fade-in-box">
+<div
+  {% if section.settings.module_id != blank %}
+    data-track-zz-section="{{ section.settings.module_id }}"
+  {% endif %}
+  {% if section.settings.is_exposure != false %}
+    data-track-zz-exposure="true"
+  {% endif %} 
+  class="faq-custom max-lg:tw-px-[20px] lg:tw-mx-auto lg:tw-w-[95.3125vw] xl:tw-w-[1220px] fade-in-box">
   {% render 'content-h2',
     title_color: section.settings.title_color,
     title: section.settings.title,
@@ -202,7 +209,21 @@ document.addEventListener('DOMContentLoaded', () => {
       "unit": "px",
       "label": "底部填充（Mobile）",
       "default": 48
-    }
+    },
+       {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
+    
   ],
   "blocks": [
     {

package/sections/zz-flex-layout-section.liquid

@@ -177,17 +177,24 @@
       "default": 0,
       "info": "单位：px，正数,首屏时候会用到"
     },
-
     {
       "type": "text",
-      "id": "module_name",
-      "label": "模块id",
-      "info": "用于定位到本模块"
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对该模块进行曝光统计埋点, 必须填写唯一业务id"
     },
     {
       "type": "text",
-      "id": "module_id",
-      "label": "唯一id",
+      "id": "module_name",
+      "label": "模块名称",
+      "info": "用于定位到本模块，可多个section使用同一名称"
     },
   ],
   "blocks": [
@@ -267,7 +274,14 @@
   }
 </style>
 
-<div id="{{ section.settings.module_id }}"
+<div 
+  {% if section.settings.module_id != blank %}
+    id="{{ section.settings.module_id }}"
+    data-track-zz-section="{{ section.settings.module_id }}"
+  {% endif %}
+  {% if section.settings.is_exposure != false%}
+    data-track-zz-exposure="true"
+  {% endif %}
   class="responsive-section-layout {{ section.settings.animation }}" 
   {% if section.settings.module_name != blank %}data-zz-module-name="{{ section.settings.module_name }}"{% endif %}>
     {% content_for 'blocks' %}

package/sections/zz-modal.liquid

@@ -15,7 +15,14 @@
     }
   </style>
 
-  <zz-modal close-btn-color="close-btn-{{ section.settings.close_btn_color }}" {% if section.settings.sheet_on_mobile %} sheet-on-mobile {% endif %} {% if section.settings.no_backdrop_close %} no-backdrop-close {% endif %} id="{{ section.settings.modal_id }}"{% unless section.settings.show_header %} no-header{% endunless %}{% unless section.settings.show_footer %} no-footer{% endunless %}>
+  <zz-modal 
+    {% if section.settings.modal_id != blank %}
+      data-track-zz-section="{{ section.settings.modal_id }}"
+    {% endif %}
+    {% if section.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+    close-btn-color="close-btn-{{ section.settings.close_btn_color }}" {% if section.settings.sheet_on_mobile %} sheet-on-mobile {% endif %} {% if section.settings.no_backdrop_close %} no-backdrop-close {% endif %} id="{{ section.settings.modal_id }}"{% unless section.settings.show_header %} no-header{% endunless %}{% unless section.settings.show_footer %} no-footer{% endunless %}>
     {% if section.settings.show_header %}
     <div slot="header" class="tw-text-[24px] tw-font-semibold">{{ section.settings.header_text }}</div>
     {% endif %}
@@ -47,9 +54,17 @@
     {
       "type": "text",
       "id": "modal_id",
-      "label": "弹窗id （必填）",
+      "label": "弹窗id （必填）,业务id",
       "default": "demo-modal"
     },
+     {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
+
     {
       "type": "select",
       "id": "close_btn_color",

package/sections/zz-swiper-banner.liquid

@@ -174,7 +174,20 @@
       "unit": "px",
       "label": "t:sections.all.padding.padding_bottom",
       "default": 0
-    }
+    },
+    {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
   ],
   "blocks": [
     {
@@ -571,7 +584,14 @@
 {% endschema %}
 
 
-  <div class='swiper swiper-banner-video-img'>
+  <div  
+    {% if section.settings.module_id != blank %}
+      data-track-zz-section="{{ section.settings.module_id }}"
+    {% endif %}
+    {% if section.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+    class='swiper swiper-banner-video-img'>
     <div class='swiper-wrapper'>
       {% for banner in section.blocks %}
         <div
@@ -617,7 +637,7 @@
             <div
               class='tw-absolute lg:tw-left-[50%] lg:tw-top-[50%] lg:tw-translate-x-[-50%] lg:tw-translate-y-[-50%] lg:tw-w-[85vw] xl:tw-w-[1220px] tw-z-10  max-lg:tw-h-full max-lg:tw-top-0 max-lg:tw-left-0 max-lg:tw-w-full max-lg:tw-pt-[90px] tw-box-border max-lg:tw-flex max-lg:tw-flex-col max-lg:tw-items-center'
             >
-              <div class='swiper-content-text lg:tw-w-[640px]'>
+              <div class='swiper-content-text lg:tw-w-[560px]'>
                 {%- if banner.settings.desc_text_type == 'text' -%}
                 <div
                   class='lg:tw-hidden tw-p-0 tw-leading-[58px] tw-text-[48px] tw-font-bold tw-mb-[24px] max-lg:tw-my-[8px] max-lg:tw-text-[24px] max-lg:tw-leading-[1.2] max-lg:tw-text-center'
@@ -645,7 +665,7 @@
                 </div>
                 {%- elsif banner.settings.desc_text_type == 'image' and banner.settings.banner_desc != blank -%}
                   <div 
-                    class="max-lg:tw-hidden tw-w-[640px]">
+                    class="max-lg:tw-hidden tw-w-[560px]">
                     {{
                       banner.settings.banner_desc
                       | image_url: width: 1280
@@ -714,7 +734,6 @@
                 bindSiteJump(bannerlink, {{ banner.settings.linksbanner | json }})
                 {% endif %}
               }
-              console.log('eventList', eventList)
               if(eventList) {
                 eventList.forEach(item => {
                   item.addEventListener('click', (event) => {

package/sections/zz-swiper-gallery.liquid

@@ -42,9 +42,16 @@
     },
     {
       "type": "text",
-      "id": "module_name",
-      "label": "模块id",
-      "info": "用于定位到本模块"
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
     },
     
   ],
@@ -56,7 +63,7 @@
         {
           "type": "text",
           "id": "slide_title",
-          "label": "标题"
+          "label": "名称，作为埋点统计、图片alt",
         },
         {
           "type": "text",
@@ -124,7 +131,14 @@
 }
 {% endschema %}
 
-<div class="zz-swiper-gallery tw-overflow-hidden zz-swiper-gallery-{{ section.id }}">
+<div 
+  {% if section.settings.module_id != blank %}
+    data-track-zz-section="{{ section.settings.module_id }}"
+  {% endif %}
+  {% if section.settings.is_exposure != false %}
+    data-track-zz-exposure="true"
+  {% endif %}
+  class="zz-swiper-gallery tw-overflow-hidden zz-swiper-gallery-{{ section.id }}">
 
     <div class="swiper-wrapper tw-w-full">
       {% for banner in section.blocks %}
@@ -163,13 +177,20 @@
                   <div class='learn-more-button tw-absolute tw-font-medium tw-cursor-pointer max-lg:tw-bottom-[24px] lg:tw-bottom-[40px] tw-left-1/2 tw--translate-x-1/2 tw-text-white tw-rounded-[100px] 
                     tw-text-[13px] lg:tw-text-[16px] tw-px-[20px] tw-py-[6px] lg:tw-px-[24px] lg:tw-py-[10px]'
                     data-zz-modal-target="#{{ banner.settings.modal_id }}"
+                    {% if banner.settings.slide_title != blank %}
+                      data-track-zz-element="{{ banner.settings.slide_title }}" 
+                    {% endif %}
                     >
                     <span>{{ banner.settings.btn_text }}</span>
                   </div>
                 {% elsif banner.settings.btn_type == 'link' and banner.settings.btn_link != blank %}
                   <a class='learn-more-button tw-absolute tw-font-medium tw-cursor-pointer max-lg:tw-bottom-[24px] lg:tw-bottom-[40px] tw-left-1/2 tw--translate-x-1/2 tw-text-white tw-rounded-[100px] 
                     tw-text-[13px] lg:tw-text-[16px] tw-px-[20px] tw-py-[6px] lg:tw-px-[24px] lg:tw-py-[10px]'
-                    href='{{ banner.settings.btn_link }}'>
+                    href='{{ banner.settings.btn_link }}'
+                    {% if banner.settings.slide_title != blank %}
+                      data-track-zz-element="{{ banner.settings.slide_title }}" 
+                    {% endif %}
+                  >
                     <span>{{ banner.settings.btn_text }}</span>
                   </a>
               {% endif %}

package/sections/zz-video-collapse-swiper.liquid

@@ -83,7 +83,19 @@
       "default": "#ffffff",
       "label": "移动端轮播导航圆圈颜色"
     },
-    
+    {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
    
   ],
   "blocks": [
@@ -211,7 +223,14 @@
 }
 {% endschema %}
 
-<div class='video-img-collapse-swiper tw-relative'>
+<div 
+  {% if section.settings.module_id != blank %}
+    data-track-zz-section="{{ section.settings.module_id }}"
+  {% endif %}
+  {% if section.settings.is_exposure != false %}
+    data-track-zz-exposure="true"
+  {% endif %}
+  class='video-img-collapse-swiper tw-relative'>
   {% assign non_collapsible_blocks = section.blocks | reject: 'type', 'collapsible_row' %}
   <div class="collapse-title-desc fade-in-box tw-flex tw-flex-col tw-justify-center">
     

package/sections/zz-video-tab-swiper.liquid

@@ -171,6 +171,12 @@
 
 <div 
   class='zz-video-tab-swiper'
+  {% if section.settings.module_id != blank %}
+    data-track-zz-section="{{ section.settings.module_id }}"
+  {% endif %}
+  {% if section.settings.is_exposure != false %}
+    data-track-zz-exposure="true"
+  {% endif %}
   {% if section.settings.module_name != blank %}data-zz-module-name="{{ section.settings.module_name }}"{% endif %}
 >
   <div class='fade-in-box tw-flex tw-flex-col tw-justify-center'>
@@ -534,6 +540,19 @@
       "label": "移动下内边距 (Padding Bottom)",
       "default": 40
     },
+    {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
     {
       "type": "text",
       "id": "module_name",

package/snippets/zz-button-v2.liquid

@@ -25,6 +25,7 @@ size：按钮尺寸
 - icon：图标名称
 - text：按钮文字
 - class_name：自定义类名
+- btn_id：按钮ID并作为点击埋点标识
 {% endcomment %}
 
 {% assign btn_type = type | default: 'primary' %}
@@ -41,7 +42,7 @@ size：按钮尺寸
   
 {% if href %}
   {% if btn_type == 'link' %}
-    <a href="{{ href | default: '#' }}" {% if btn_id != blank %} id="{{ btn_id }}" {% endif %} class="zz-btn-link tw-text-[#378DDD] tw-inline-flex tw-items-center tw-text-[12px] lg:tw-text-[14px] tw-no-underline zz-btn-link-{{ btn_size }} {% if width == 'full' %} tw-w-full {% endif %} {{ class_name }}">
+    <a href="{{ href | default: '#' }}" {% if btn_id != blank %} id="{{ btn_id }}" data-track-zz-element="{{ btn_id }}" {% endif %} class="zz-btn-link tw-text-[#378DDD] tw-inline-flex tw-items-center tw-text-[12px] lg:tw-text-[14px] tw-no-underline zz-btn-link-{{ btn_size }} {% if width == 'full' %} tw-w-full {% endif %} {{ class_name }}">
       <span class="zz-btn-text">{{ text }}</span>
       {% if postfix_icon %}<span class="zz-btn-icon" style="margin-left: {{ icon_left_margin }}px; margin-right: {{ icon_right_margin }}px;">
         {% render 'zz-icon', icon_name: postfix_icon, icon_size: icon_size %}
@@ -50,7 +51,7 @@ size：按钮尺寸
   {% else %}
     <a
       href="{{ href | default: '#' }}"
-      {% if btn_id != blank %} id="{{ btn_id }}" {% endif %}
+      {% if btn_id != blank %} id="{{ btn_id }}" data-track-zz-element="{{ btn_id }}" {% endif %}
       class="zz-btn zz-btn-{{ btn_type }} zz-btn-{{ btn_color }} zz-btn-shape-{{ shape }} zz-btn-{{ btn_size }} {% if width == 'full' %} tw-w-full {% endif %} {{ class_name }}"
       {% if backdrop_filter %}
         style="backdrop-filter: blur(12px);background: #FFFFFF0F;"
@@ -66,7 +67,7 @@ size：按钮尺寸
 <button
   class="zz-btn zz-btn-{{ btn_type }} zz-btn-{{ btn_color }} zz-btn-shape-{{ shape }} zz-btn-{{ btn_size }} {% if width == 'full' %} tw-w-full {% endif %} {{ width }} {{ class_name }}"
   {% if modal_id != blank %} data-zz-modal-target="#{{ modal_id }}" {% endif %}
-  {% if btn_id != blank %} id="{{ btn_id }}" {% endif %}
+  {% if btn_id != blank %} id="{{ btn_id }}" data-track-zz-element="{{ btn_id }}" {% endif %}
   {% if backdrop_filter %}
     style="backdrop-filter: blur(12px);background: #FFFFFF0F;"
   {% endif %}