餐飲 · 成功案例
Cookie Department 數碼印花卡.
Cookie DPT 以數碼印花及電子錢包整合方案,革新 pop-up 曲奇店的會員忠誠計劃,在多個營運據點推動顧客互動。
行業
餐飲
公司規模
50
產品與服務
eCard at Apple & Google WalletGift CardFood & Beverage
挑戰
舊有獎賞方案難以觸及高信任度的會員。
01
快閃店地點挑戰
在多個快閃地點營運,使得維持一致的客戶互動與忠誠度追蹤變得困難。
02
客戶溝通
難以通知客戶有關新快閃地點、特別口味或推廣的資訊,減少了潛在的銷售機會。
03
業務分析
缺乏系統化的數據收集,妨礙了追蹤表現指標,以及就庫存與選址作出明智決策的能力。
解決方案
值得一再回來的曲奇獎賞
在各個快閃地點,Cookie DPT 把數碼印花卡變成源源不絕的曲奇獎賞 —— 也讓粉絲願意一站接一站地追隨。
Stamp
集印章換獎賞。一如我們熟悉的方式,但因為是虛擬的而更酷。
Core
此會員系統由我們的 Core 支援,所有精彩體驗都在這裡發生。
Wallet
Cookie DPT 的數碼印花卡以電子錢包為基礎,客戶無需下載任何程式即可使用。
Reward
獎勵長期支持品牌的客戶,讓他們感受到自己的重要性。
成果
會員真正願意保留並打開的會員證。
01
印花獎賞帶動重複購買
數碼印花卡給熟客一個回來的理由 —— 也帶動了限定口味的預訂。
02
簡化企業送禮
大批訂單與節日送禮變得易於打理 —— 一套系統,服務每一位客戶。
Cookie Department 數碼印花卡 Cookie Department Cookie DPT 以數碼印花及電子錢包整合方案,革新 pop-up 曲奇店的會員忠誠計劃,在多個營運據點推動顧客互動。 
/\* Card Border Gradient \*/ /\*Box Shadow method .card\_item { border: 3px solid white; border-radius: 1.25rem; padding: 20px; box-sizing: border-box; background-color: #f6f1f0; transition: box-shadow 0.3s; } .card\_item:hover { box-shadow: 0 0 0 5px #FF5C4C inset, 0 0 0 8px #FFABE7 inset; } \*/ section { position: relative; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6{ text-wrap: balance; } .legal\_item a { text-decoration: underline; } /\* Nav link Product Hover \*/ .nav\_link\_products { position: relative; text-decoration: none; /\* Remove default underline \*/ } .nav\_link\_products::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; background: linear-gradient(to right, #ff5c4c, #ffabe7); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .nav\_link\_products:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Nav Link General Hover\*/ .navbar1\_link { position: relative; text-decoration: none; /\* Remove default underline \*/ } .navbar1\_link::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; background: black; /\* Use a solid black color \*/ transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .navbar1\_link:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Default styles (applies to all screen sizes) \*/ .navbar1\_link\_features { position: relative; text-decoration: none; /\* Remove default underline \*/ } .navbar1\_link\_features::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .navbar1\_link\_features:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Styles for viewports below 991px \*/ @media (max-width: 991px) { .navbar1\_link\_features::after { background: black; /\* Change to black \*/ } } /\* Styles for viewports above 991px \*/ @media (min-width: 992px) { .navbar1\_link\_features::after { background: #685e64; /\* Default color \*/ } } /\* Set color style to inherit \*/ .inherit-color \* { color: inherit; } /\* Focus state style for keyboard navigation for the focusable elements \*/ \*\[tabindex\]:focus-visible, input\[type="file"\]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /\* Get rid of top margin on first element in any rich text element \*/ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /\* Get rid of bottom margin on last element in any rich text element \*/ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /\* Prevent all click and hover interaction with an element \*/ .pointer-events-off { pointer-events: none; } /\* Enables all click and hover interaction with an element \*/ .pointer-events-on { pointer-events: auto; } /\* Create a class of .div-square which maintains a 1:1 dimension of a div \*/ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /\* Make sure containers never lose their center alignment \*/ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /\* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. \*/ /\* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } \*/ /\* Apply "..." after 3 lines of text \*/ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /\* Apply "..." after 2 lines of text \*/ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /\* Adds inline flex display \*/ .display-inlineflex { display: inline-flex; } /\* These classes are never overwritten \*/ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } /\* Apply "..." at 100% width \*/ .truncate-width { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /\* Removes native scrollbar \*/ .no-scrollbar { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .no-scrollbar::-webkit-scrollbar { display: none; } /\* Disable default focus styles \*/ input:focus, textarea:focus, select:focus, button:focus { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; /\* Remove default arrow \*/ background-image: url(...); /\* Add custom arrow \*/ } .alternate-rich-text p{ color:white !important; margin-top: 1rem; margin-bottom: 0.5rem; } \[data-card=hover\] .card\_hover\_wrap { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; } \[data-card=hover\]:hover .card\_hover\_wrap { opacity: 1; visibility: visible; } @media screen and (max-width: 480px) { .w-richtext figure.w-richtext-align-floatleft { float: none !important; margin: 0 auto; } } .nav\_link\_list\_wrap a.w--current { color: #3e3e3e !important; } .nav\_link\_list\_wrap a.w--current:hover { color: #ff761a !important; } .nav\_link\_list\_item.last a.w--current { color: white !important; /\* or your desired color \*/ }
[
](/)
[
聯絡我們
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
[EN](/success-stories/cookie-department-digital-stamp-card)
[中](/zh-hk/success-stories/cookie-dpt-digital-stamp-card)
[
預約示範
](#)
- [首頁](/)
- 產品
[
產品
](/platform#products)
[會員網站](/products/membership-website)
[Apple 及 Google 電子錢包](/products/ewallet-on-apple-google)
[忠誠計劃引擎](/products/loyalty-engine)
[客戶數據平台 (CDP)](/products/customer-data-platform-cdp)
[白標手機應用程式](/products/white-label-mobile-app)
[
功能
](/platform#features)
[
數碼印花卡
](/features/digital-stamp-card)
[
積分及等級
](/features/points-tiers)
[
獎賞管理
](/features/rewards-management)
[
忠誠計劃活動
](/features/loyalty-campaigns)
[
推薦獎賞
](/features/referral)
[
預付券及儲值
](/features/prepaid-voucher-credit)
[
禮品卡
](/features/gift-card)
[
儀表板及報表
](/features/dashboard-report)
[
客戶分眾
](/features/customer-segmentation)
[
營銷自動化
](/features/marketing-automation)
- [
服務
](/platform#services)
[系統客製化](/services/system-customisation)
[數據整合服務 (ETL)](/services/data-consolidation-services-etl)
[禮品及推廣合作](/services/gift-promotion-partnership)
[商戶成功服務](/services/merchant-success-service)
- [
行業
](/platform#industries)
[企業](/industries/enterprise)
[餐飲](/industries/food-beverage)
[零售](/industries/retail)
[美容](/industries/beauty)
- [成功案例](/success-stories)
- [網誌](/resources)
- [收費](/pricing)
- [
聯絡我們
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
[
](/)
[](#)
產品
[會員網站](/products/membership-website)
[Apple 及 Google 電子錢包](/products/ewallet-on-apple-google)
[忠誠計劃引擎](/products/loyalty-engine)
[客戶數據平台 (CDP)](/products/customer-data-platform-cdp)
[白標手機應用程式](/products/white-label-mobile-app)
[
功能
](/platform#features)
[獎賞管理](/features/rewards-management)
[營銷自動化](/features/marketing-automation)
[客戶分眾](/features/customer-segmentation)
[忠誠計劃活動](/features/loyalty-campaigns)
[預付券及儲值](/features/prepaid-voucher-credit)
[儀表板及報表](/features/dashboard-report)
[禮品卡](/features/gift-card)
[推薦獎賞](/features/referral)
[積分及等級](/features/points-tiers)
[數碼印花卡](/features/digital-stamp-card)
[
服務
](/platform#services)
[系統客製化](/services/system-customisation)
[數據整合服務 (ETL)](/services/data-consolidation-services-etl)
[禮品及推廣合作](/services/gift-promotion-partnership)
[商戶成功服務](/services/merchant-success-service)
行業
[企業](/industries/enterprise)
[餐飲](/industries/food-beverage)
[零售](/industries/retail)
[美容](/industries/beauty)
[收費](/pricing)[成功案例](/success-stories)[網誌](/resources)
[
聯絡我們
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
[EN](/success-stories/cookie-department-digital-stamp-card)
[中](/zh-hk/success-stories/cookie-dpt-digital-stamp-card)
document.addEventListener('DOMContentLoaded', function() { // Function to initialize image hover effects for a specific dropdown function initDropdownImageHover(dropdownElement) { if (!dropdownElement) return; // Get all tab links within this dropdown const tabLinks = dropdownElement.querySelectorAll('.nav\_dropdown\_tab\_link'); // Get the first image (default image) within this dropdown const defaultImage = dropdownElement.querySelector('.nav\_links\_list .nav\_links\_item:first-child .navbar\_dropdown\_image'); // Show default image on load if (defaultImage) { defaultImage.style.opacity = '1'; defaultImage.style.transition = 'opacity 0.3s ease'; } // Add mouseenter event to each link tabLinks.forEach(link => { link.addEventListener('mouseenter', function() { // Get the ID of the hovered link const linkId = this.textContent; // Hide all images within this dropdown first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; img.style.transition = 'opacity 0.3s ease'; }); // Find and show the corresponding image const correspondingImage = dropdownElement.querySelector(\`.navbar\_dropdown\_image\[id="${linkId}"\]\`); if (correspondingImage) { correspondingImage.style.opacity = '1'; } }); }); // Show default image when mouse leaves the navbar const navWrap = dropdownElement.querySelector('.navbar\_dropdown\_tabs\_wrap'); if (navWrap) { navWrap.addEventListener('mouseleave', function() { // Hide all images first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; }); // Show default image if (defaultImage) { defaultImage.style.opacity = '1'; } }); } } // Initialize for each dropdown section const dropdowns = \[ document.querySelector('.navbar-dropdown2\_dropdown-list'), // Products dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.services'), // Services dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.is-industries') // Industries dropdown \]; dropdowns.forEach(dropdown => { if (dropdown) { initDropdownImageHover(dropdown); } }); });
.nav\_link\_dropdown\_toggle:hover .nav\_products\_link { color: #ff761a; } /\* Add this to your existing CSS \*/ .mobile\_nav\_cms\_link.w--current { color: #3E3E3E; /\* This is the neutral black color used in your site \*/ font-weight: 700; } .mobile\_nav\_cta\_wrap .button.is-primary.w--current{ color: #ffffff !important; }
# Cookie Department 數碼印花卡
## 概覽
### 以數碼創新,為手工曲奇 pop-up 店帶來更甜蜜的會員忠誠體驗。
行業
餐飲
公司規模
50
產品及服務
Apple 及 Google Wallet 電子卡
禮品卡
餐飲
## 挑戰
##### Pop-up 據點挑戰
於多個 pop-up 據點營運,難以維持一致的顧客互動及忠誠度追蹤。
##### 顧客溝通
難以即時通知顧客新 pop-up 地點、特別口味或推廣優惠,錯失潛在銷售機會。
##### 業務分析
缺乏系統化數據收集,難以追蹤營運表現,亦難以就庫存及選址作出明智決策。
## 解決方案
### 派發超過 5,000 件曲奇獎賞!
你能想像 Cookie DPT 僅憑 3 個 pop-up 據點,就送出超過 5,000 件曲奇獎賞嗎?如果你想為自己的品牌複製同樣的成功,你就知道下一步該怎麼做!
- **印花**
儲滿印花即可換領獎賞。一如以往熟悉的方式,但更型格——因為一切都在虛擬世界進行。
- **核心引擎**
整個會員系統由我們的 Core 引擎全力驅動,所有「魔法」都在此發生。
- **錢包**
Cookie DPT 的數碼印花卡採用電子錢包形式,顧客無需下載任何 App 就能使用。
- **獎賞**
回饋忠實顧客,讓他們感受到品牌的重視。
## 成果
印花獎賞推動回頭消費
數碼印花卡提升顧客黏性,並鼓勵客人預訂特別口味。
簡化企業送禮流程
系統協助企業客戶輕鬆處理大額訂單及節日送禮需求。
## 相關案例
實證有效的 CRM 解決方案:真正帶來價值的成功項目
### AIA Alta 獎賞錢包
Apple 及 Google Wallet 電子卡
企業
會員網站及外掛
為 AIA Alta 度身打造的尊尚獎賞錢包,提升顧客於 AIA 財富管理中心的整體體驗。
[
了解更多
/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }
](/success-stories/aia-alta-rewards-wallet)
### BMW iSpace 會員電子卡
Apple 及 Google Wallet 電子卡
企業
會員網站及外掛
BMW iSpace 以數碼會員電子卡重塑豪華車主體驗,整合電子錢包方案,帶來無縫個人化服務。
[
了解更多
/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }
](/success-stories/bmw-ispace-membership-e-card)
### Clarins 員工獎賞計劃
零售
Apple 及 Google Wallet 電子卡
營銷自動化
Clarins 以遊戲化方式重塑員工培訓,透過積分獎勵及電子錢包整合,推動同事積極投入。
[
了解更多
/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }
](/success-stories/clarins-staff-reward-programme)
[
.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }
查看全部
](/success-stories)
## 準備好開始了嗎?
以 JuicySuite 完善你的顧客旅程。
.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }
預約示範
[
聯絡銷售團隊
.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
](/contact)
追蹤我們以獲取最新資訊,了解全新功能及產品更新。
.email\_button\_wrap .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .email\_button\_wrap:hover .button\_primary\_hover\_bg { opacity: 1; }
感謝你!我們已收到你的提交!
糟糕!提交表單時發生錯誤。
訂閱即表示你同意我們的 [私隱政策](/legal/privacy),並同意接收本公司的最新資訊。
產品
[白標手機應用程式](/products/white-label-mobile-app)
[客戶數據平台 (CDP)](/products/customer-data-platform-cdp)
[忠誠計劃引擎](/products/loyalty-engine)
[Apple 及 Google 電子錢包](/products/ewallet-on-apple-google)
[會員網站](/products/membership-website)
功能
[數碼印花卡](/features/digital-stamp-card)
[積分及等級](/features/points-tiers)
[推薦獎賞](/features/referral)
[禮品卡](/features/gift-card)
[儀表板及報表](/features/dashboard-report)
[預付券及儲值](/features/prepaid-voucher-credit)
[忠誠計劃活動](/features/loyalty-campaigns)
[客戶分眾](/features/customer-segmentation)
[營銷自動化](/features/marketing-automation)
[獎賞管理](/features/rewards-management)
服務
[商戶成功服務](/services/merchant-success-service)
[禮品及推廣合作](/services/gift-promotion-partnership)
[數據整合服務 (ETL)](/services/data-consolidation-services-etl)
[系統客製化](/services/system-customisation)
行業
[美容](/industries/beauty)
[零售](/industries/retail)
[餐飲](/industries/food-beverage)
[企業](/industries/enterprise)
公司
[成功案例](/success-stories)[資源](/resources)[收費](/pricing)[聯絡我們](/contact)
© 2025 JuicySuite. 版權所有。
[私隱政策](/legal/privacy)
[
](https://www.facebook.com/@juicysuite/)[
](https://www.instagram.com/juicysuite_crm/)[
](https://www.linkedin.com/company/juicysuite/)
## 預約示範
姓名\*
公司名稱\*
聯絡電話\*
電郵\*
感興趣的產品
選擇產品
會員網站
Apple 及 Google 電子錢包
忠誠計劃引擎
客戶數據平台 (CDP)
白標手機應用程式
感興趣的功能
選擇功能
獎賞管理
營銷自動化
客戶分眾
忠誠計劃活動
預付券及儲值
儀表板及報表
禮品卡
推薦獎賞
積分及等級
數碼印花卡
感興趣的服務
選擇服務
系統客製化
數據整合服務 (ETL)
禮品及推廣合作
商戶成功服務
本人接受 [服務條款\*](/legal/terms)
// Function to update hidden field with selected checkbox IDs function updateSelectedCheckboxes() { const checkedBoxes = document.querySelectorAll('input\[type="checkbox"\]:checked'); const selectedIds = Array.from(checkedBoxes).map(checkbox => checkbox.id); document.getElementById('selectedCheckboxes').value = selectedIds.join(','); } // Add change listener to all checkboxes document.querySelectorAll('input\[type="checkbox"\]').forEach(checkbox => { checkbox.addEventListener('change', updateSelectedCheckboxes); }); // Optional: Also update on form submission document.querySelector('form').addEventListener('submit', function(e) { updateSelectedCheckboxes(); }); // This is because Webflow CMS for checkbox values won't carry over its actual name value over const checkboxFields = document.querySelectorAll('.form\_checkbox\_field'); checkboxFields.forEach(field => { // Get the field's ID const fieldId = field.id; if (fieldId) { // Find the input element within this field const input = field.querySelector('input'); if (input) { // Set the input's name attribute to the field's ID input.setAttribute('name', fieldId); } } }); document.getElementById('page\_name\_field').value = window.location.pathname;
感謝你!我們已收到你的提交!
糟糕!提交表單時發生錯誤。
[
](#)
// Preconnects var link1 = document.createElement('link'); link1.rel = 'preconnect'; link1.href = 'https://www.googletagmanager.com'; document.head.appendChild(link1); var link2 = document.createElement('link'); link2.rel = 'preconnect'; link2.href = 'https://www.clarity.ms'; document.head.appendChild(link2); // Load after everything else setTimeout(function() { // GTM Container 1 (function(w,d,s,l,i){ w\[l\]=w\[l\]||\[\]; w\[l\].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)\[0\], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TLGTXQFX'); // GTM Container 2 (function(w,d,s,l,i){ w\[l\]=w\[l\]||\[\]; w\[l\].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)\[0\], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5LL3BQ6'); // Microsoft Clarity (function(c,l,a,r,i,t,y){ c\[a\]=c\[a\]||function(){(c\[a\].q=c\[a\].q||\[\]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)\[0\];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "sdl97j1thh"); }, 1000);