của chúng tôi...">
,需要通过父级DOM结构来判断
*/
var trackActionPhone = function (node) {
var nodeInnerText = node.innerText || '';
if (!limitRegLength(nodeInnerText)) return;
var nodeText = trimText(nodeInnerText);
if (nodeText.length < 5 || nodeText.length > 20) return false;
var type =
arguments.length > 1 && arguments[1] !== undefined
? arguments[1]
: 'click';
var str = trimText(node.href || node.innerHTML || '');
if (phoneReg.test(str) && numUseReg.test(str)) {
_paq.push(['trackEvent', type, 'phone', nodeText]);
return true;
}
/** 排查父级嵌套非标签场景,并且对dom的正则校验做一个性能兜底,通过控制innerText的长度,来确保正则的性能 */
var fatherText = trimText(node.parentNode.innerText || '');
if (fatherText.length < 5 || fatherText.length > 20) return false;
var fatherDom = trimText(node.parentNode.innerHTML || '');
if (phoneReg.test(fatherDom) && numUseReg.test(fatherDom)) {
_paq.push(['trackEvent', type, 'phone', nodeText]);
return true;
}
return false;
};
window.addEventListener('click', function (e) {
var node = e.target;
/** 社媒点击 */
var appName = '';
var getAppAriaLabel =
node.ariaLabel || node.parentNode.ariaLabel || '';
if (mediaList.includes(getAppAriaLabel.toLowerCase())) {
appName = getAppAriaLabel;
}
if (
!appName &&
node.nodeName &&
node.nodeName.toLowerCase() === 'a'
) {
appName = getMediaName(node.href) || getMediaName(node.alt);
}
if (
!appName &&
node.nodeName &&
node.nodeName.toLowerCase() === 'img'
) {
appName = getMediaName(node.alt) || getMediaName(node.src);
}
if (
!appName &&
node.nodeName &&
node.nodeName.toLowerCase() === 'i'
) {
appName = getMediaName(node.className);
}
if (appName) {
_paq.push(['trackEvent', 'click', 'contactApp', appName]);
return;
}
/** 联系方式点击 */
if (trackActionPhone(node, 'click')) return;
if (node.nodeName && node.nodeName.toLowerCase() === 'a') {
var val = node.href;
if (!limitRegLength(val)) return;
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'click', 'email', val]);
return;
}
}
if (node.nodeName && node.nodeName.toLowerCase() === 'i') {
var val = node.className;
var content = node.parentNode.href || '';
if (val.includes('email')) {
_paq.push(['trackEvent', 'click', 'email', content]);
return;
}
}
var nodeChildList = node.childNodes;
for (var i = 0; i < nodeChildList.length; i++) {
if (nodeChildList[i].nodeType !== 3) continue;
var val = nodeChildList[i].textContent.replace(/\s?:?/g, '');
if (!limitRegLength(val)) continue;
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'click', 'email', val]);
return;
}
}
trackNumberData(node);
});
window.addEventListener('copy', function (e) {
if (trackActionPhone(e.target, 'copy')) return;
var text = e.target.textContent;
if (!text) return;
var val = text.replace(/\s:?/g, '');
if (!limitRegLength(val)) return;
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'copy', 'email', val]);
return;
}
trackNumberData(e.target);
});
}
trackContactInit();
/**
* 基于custom_inquiry_form.js 以及 form.js 对于询盘表单提交的实现,来反推询盘表单的input标签触发,用来收集意向客户
* 1. 缓存的KEY:TRACK_INPUT_ID_MTM_00;
* 2. 缓存策略 - lockTrackInput:单个页面内,10分钟内,不重复上报
*/
function trackActionInput() {
const CACHE_KEY = 'TRACK_INPUT_ID_MTM_00';
const pathName = window.location.hostname + window.location.pathname;
var lockTrackInput = function () {
try {
const lastCacheData = localStorage.getItem(CACHE_KEY);
if (!lastCacheData) return false;
const cacheData = JSON.parse(lastCacheData);
const cacheTime = cacheData[pathName];
if (!cacheTime) return false;
return Date.now() - cacheTime < 1000 * 60 * 10; // 10分钟内,不重复上报
} catch (error) {
console.error('lockTrackInput Error', error);
return false;
}
};
var setInputTrackId = function () {
try {
const curCacheData = localStorage.getItem(CACHE_KEY);
if (curCacheData) {
const cacheData = JSON.parse(curCacheData);
cacheData[pathName] = Date.now();
localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData));
return;
}
const cacheData = {
[pathName]: Date.now(),
};
localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData));
} catch (error) {
console.error('setInputTrackId Error', error);
}
};
var getInputDom = function (initDom) {
var ele = initDom;
while (ele) {
/**
* isWebSiteForm 是站点的表单
* isChatWindowForm 是聊天窗口的表单
*/
/** 旧模板表单 */
var isWebSiteForm = !!(
/crm-form/i.test(ele.className) && ele.querySelector('form')
);
/** 1:新模板自定义表单、2:Get a Quote 弹框表单 */
var isWebSiteFormNew = !!(
/inquiry/i.test(ele.className) && ele.querySelector('form')
);
if (isWebSiteForm || isWebSiteFormNew) {
_paq.push(['trackEvent', 'formInquiry', 'formInput', 'page']);
setInputTrackId();
return;
}
/** Mkt会话触达-聊天弹框的表单输入: MKT由于是iframe嵌入,所以MKT的上报,会单独写到MKT-form代码上 */
var isInquiryChatForm = !!(
/comp-form/i.test(ele.className) && ele.querySelector('form')
);
if (isInquiryChatForm) {
_paq.push(['trackEvent', 'formInquiry', 'formInput', 'chat']);
setInputTrackId();
return;
}
/** 向上查找父节点 */
ele = ele.parentNode;
}
};
function initInputListener() {
var inputUseDebounce = function (fn, delay) {
var timer = null;
var that = this;
return function () {
var args = Array.prototype.slice.call(arguments);
if (timer) clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(that, args);
}, delay);
};
};
var optimizeGetInputDom = inputUseDebounce(getInputDom, 300);
window.addEventListener('input', function (e) {
/** 如果已经上报过,则不再上报 */
if (lockTrackInput()) return;
optimizeGetInputDom(e.target);
});
}
try {
initInputListener();
} catch (error) {
console.log('initInputListener Error', error);
}
}
trackActionInput();
}
/** 第三方消息上报:目前主要是针对全点托管会话;在msgCollect/index.js中调试,访问test.html */
function thirdMsgCollect() {
/** 先检测是否是stayReal托管:如果stayReal脚本都没有,那么说明当前站点未开启stayReal会话托管 */
const scriptList = Array.prototype.slice.call(
document.querySelectorAll('script'),
);
const checkStayReal = () =>
!!scriptList.find((s) => s.src.includes('stayreal.xiaoman.cn'));
if (!checkStayReal()) return;
/** 缓存当前消息队列的最后一条消息id */
const CACHE_KEY = 'CACHE_KEY_MONITOR';
const setCache = (msgIndex) => {
/** 对缓存KEY进行base64转码处理 */
const cacheMsgIndex = btoa(msgIndex);
localStorage.setItem(CACHE_KEY, cacheMsgIndex);
};
const getCache = () => {
const cacheMsgIndex = localStorage.getItem(CACHE_KEY);
if (cacheMsgIndex) return Number(atob(cacheMsgIndex));
return -1;
};
/** 拉取最新msg列表 */
const pullMsgList = () => {
const msgEleList = Array.prototype.slice.call(
document.querySelectorAll('#chat-list li'),
);
const msgIds = [];
const msgMap = msgEleList.reduce((acc, item) => {
const sendTime = item
.querySelector('.message-data-time')
.textContent.trim();
const sendContent = item.querySelector('.message').textContent.trim();
/** msg带有class:other-message的是访客消息,my-message的是客服消息 */
const isOtherMessage = item
.querySelector('.message')
.classList.contains('other-message');
const msgId = item.querySelector('.message').getAttribute('id');
const msgItemData = {
msgId,
user: isOtherMessage ? 'visitor' : 'official',
time: sendTime,
content: sendContent,
};
msgIds.push(msgId);
acc[msgId] = msgItemData;
return acc;
}, {});
return {
ids: msgIds,
dataMap: msgMap,
};
};
/** 加密并上传消息数据 */
let ENCRYPT_KEY = 'de29f1aab63ab033';
let ENCRYPT_IV = 'b8d2badf875e76ac';
const baseUrl = 'https://cms.xiaoman.cn';
// var getEncryptConfig = function () {
// const url = baseUrl + '/shop-api/innerApi/getKeyIv'
// $.get(
// url,
// function (result) {
// console.log('result', result)
// if (Number(result.code) === 0 && result.data.key && result.data.iv) {
// ENCRYPT_KEY = result.data.key
// ENCRYPT_IV = result.data.iv
// uploadMsgData()
// } else {
// /** 如果获取失败,则重试 */
// setTimeout(() => {
// getEncryptConfig()
// }, 1000)
// }
// },
// 'json'
// )
// }
// getEncryptConfig()
const encryptMsg = function (msgData) {
const enc = new TextEncoder();
// 转字节
const keyBytes = enc.encode(ENCRYPT_KEY);
const ivBytes = enc.encode(ENCRYPT_IV);
const plainBytes = enc.encode(msgData);
// 导入密钥并加密
return crypto.subtle
.importKey('raw', keyBytes, { name: 'AES-CBC' }, false, ['encrypt'])
.then(function (cryptoKey) {
return crypto.subtle.encrypt(
{ name: 'AES-CBC', iv: ivBytes },
cryptoKey,
plainBytes,
);
})
.then(function (encryptedBuffer) {
// 转 base64 返回
return btoa(
String.fromCharCode(...new Uint8Array(encryptedBuffer)),
);
})
.catch((err) => {
return Promise.reject(err);
});
};
let uploadFlag = false;
const uploadMsgData = function () {
if (uploadFlag) return;
uploadFlag = true;
const { ids, dataMap } = pullMsgList();
let cacheMsgIndex = getCache();
const msgLen = ids.length;
if (!msgLen) {
// 消息DOM未挂载 || 消息DOM已挂载,但是消息列表为空
uploadFlag = false;
return;
}
if (msgLen - 1 < cacheMsgIndex) {
/** 针对站点挂后台一段时间,消息列表会自动塞入重复消息,导致消息有重复,刷新后又重置回正常消息列表,所以这里需要更新锚点下标 */
cacheMsgIndex = msgLen - 1;
setCache(cacheMsgIndex);
uploadFlag = false;
return;
}
if (msgLen - 1 === cacheMsgIndex) {
// 缓存的最后一次发送的消息ID是最后一条(说明当前消息均已经上报),则不跳过本地上报
uploadFlag = false;
return;
}
const currentMsgIds = ids.slice(cacheMsgIndex + 1, msgLen);
const currentMsgData = currentMsgIds.map((id) => dataMap[id]);
const mtmId = window.matomo_site_id_cookie_key || ''; // 获取mtm会话id
const msgBody = {
mtmId,
curl: window.location.href,
msgList: currentMsgData,
};
const msgBodyStr = JSON.stringify(msgBody);
encryptMsg(msgBodyStr)
.then(function (encryptedMsg) {
console.log('encryptedMsg:', encryptedMsg, msgBodyStr);
const url = baseUrl + '/shop-api/External/ListenSiteActiveStatus';
$.ajax({
type: 'POST',
url,
data: JSON.stringify({ d_v: encryptedMsg }),
contentType: 'application/json',
success: function (result) {
if (Number(result.code) === 0) {
// 更新消息队列
setCache(msgLen - 1);
}
uploadFlag = false;
},
error: function (err) {
console.error(err, '请求异常');
uploadFlag = false;
},
});
})
.catch((err) => {
console.error(err, '数据加密失败');
uploadFlag = false;
});
};
/** 监控chat-list的DOM变更 */
const initChatListObserver = () => {
// 需要监听的 DOM 节点
const target = document.getElementById('chat-list');
if (!target) return;
// 回调函数
const callback = function (mutationsList, observer) {
for (const mutation of mutationsList) {
console.log('mutation', mutation);
if (mutation.type === 'childList') {
uploadMsgData();
}
}
};
// 配置
const config = {
childList: true, // 监听子节点的增删
subtree: true, // 是否也监听后代节点
};
// 创建 observer
const observer = new MutationObserver(callback);
// 开始监听
observer.observe(target, config);
};
let testCount = 30;
let itv = null;
const checkChatDom = () => !!document.querySelector('#vc-model');
const initTalkCheck = () => {
itv = setTimeout(() => {
console.log('checkChatDom', checkChatDom(), testCount);
if (!checkChatDom() && testCount > 0) {
testCount--;
initTalkCheck();
return;
}
clearTimeout(itv);
uploadMsgData();
initChatListObserver();
}, 1500);
};
initTalkCheck();
}
try {
gtmTrack();
thirdMsgCollect();
console.log('inserted gtm code');
} catch (error) {
console.error('gtmTrack Error', error);
}
});
})();
Tại CDPH, chúng tôi nhận thức được tầm quan trọng của việc lắp đặt đơn giản nhưng nhanh chóng đối với nhà lắp ghép. Các giải pháp nhà ở tiền chế sẽ giúp bạn đi vào hoạt động ngay lập tức, tiết kiệm đáng kể chi phí nhân công và vật liệu; các giải pháp dạng mô-đun tạo nên kết cấu vững chắc, có thể chịu được mọi điều kiện khắc nghiệt ngoại trừ những yếu tố cực đoan nhất. Khi nói đến nhà lắp ghép, thời gian là yếu tố then chốt. Các công trình mô-đun của chúng tôi có thể được dựng lên và tháo dỡ tại chỗ một cách nhanh chóng, từ đó giúp bạn tiết kiệm chi phí do thời gian xây dựng kéo dài và gián đoạn hoạt động. Việc lắp đặt thực tế cũng rất đơn giản, với hướng dẫn lắp ráp dễ hiểu và các bộ phận đã được chế tạo sẵn. Dù bạn đang tìm kiếm một văn phòng làm việc tại nhà tạm thời hay nơi thi công cho một dự án xây dựng mới khởi động, chúng tôi nhà tiền chế có thể nhanh chóng đưa vào hoạt động ngay lập tức. Nhà lắp ghép không chỉ đơn thuần là nhà giá rẻ, mà còn là lựa chọn nhà ở thông minh. CDPH cung cấp các ngôi nhà lắp ghép hấp dẫn, tiết kiệm chi phí và dễ dàng lắp ráp, lý tưởng cho mục đích sử dụng phổ biến bao gồm nhưng không giới hạn ở nhà ở dân dụng, chỗ ở tạm thời và các công trình thương mại. Các căn nhà của chúng tôi được thiết kế với mức ngân sách hợp lý nhưng vẫn đảm bảo độ bền. Khi chọn nhà lắp ghép từ CDPH, bạn có thể tiết kiệm chi phí xây dựng mà vẫn sở hữu một công trình sống bền vững và thoải mái. Thiết kế nhà tiền chế đã tiến bộ rất nhiều trong những năm gần đây, đi kèm với các xu hướng hiện đại. Tại CDPH, chúng tôi luôn cập nhật các xu hướng thiết kế hiện hành để cung cấp cho khách hàng những ngôi nhà mô-đun thời thượng và phong cách. Với nhiều lựa chọn khác nhau, chúng tôi mang đến những thiết kế hiện đại mới nhất, bao gồm các vật liệu như hệ thống giường gấp tường clei giá cả phải chăng, tre thân thiện với môi trường và nhiều loại gỗ chất lượng cao. Để tìm hiểu thêm về các thiết kế này, vui lòng gọi đến một trong các cửa hàng của chúng tôi. Dù bạn quan tâm đến một trong những bản vẽ nhà tiền chế tiêu chuẩn của chúng tôi hay một thiết kế theo yêu cầu, chúng tôi đều có những ngôi nhà lắp ghép phù hợp với nhu cầu của bạn. Có một số điều cần lưu ý khi mua nhà lắp ghép để đảm bảo bạn chọn được giải pháp phù hợp nhất với hoàn cảnh của mình. Tại CDPH, chúng tôi khuyến nghị khách hàng cân nhắc ngân sách, thời gian, địa điểm và những gì họ đang tìm kiếm khi mua một ngôi nhà prefab. Từ thiết kế tùy chỉnh đến mẫu tiêu chuẩn, chúng tôi làm việc cùng khách hàng trong suốt quá trình để đảm bảo cung cấp hệ thống như mong đợi. Nếu xem xét đầy đủ các yếu tố, bạn có thể đưa ra quyết định sáng suốt và mua được ngôi nhà prefab có thể là người bạn đồng hành tốt nhất trong vài thập kỷ tới. Ngôi nhà tiền chế áp dụng thiết kế đặc biệt nhằm tăng cường độ bền kết cấu và có khả năng chịu động đất tốt để đảm bảo an toàn. Thiết kế mô-đun dễ di chuyển, việc lắp đặt có thể được điều chỉnh linh hoạt theo sở thích cá nhân của bạn về các kiểu dáng, phong cách và loại phòng khác nhau. Tất cả các bộ phận đều được sản xuất sẵn tại nhà máy, dễ dàng lắp đặt tại hiện trường và không yêu cầu kỹ năng chuyên biệt. Dù được sử dụng làm văn phòng, nơi ở, kho chứa hay bất kỳ mục đích nào khác, ngôi nhà tiền chế đều đáp ứng đầy đủ nhu cầu của bạn. Ngoại hình thời thượng, đường nét mềm mại và khả năng tùy chỉnh theo gu thẩm mỹ cá nhân nhằm tạo nên không gian sống hoàn hảo. Đặc biệt nhất, nhà tiền chế không yêu cầu hàn tại chỗ, đồng thời chúng tôi cung cấp hướng dẫn lắp đặt chi tiết giúp quá trình thi công của bạn trở nên dễ dàng và nhanh chóng hơn. Hãy tận hưởng cuộc sống tuyệt vời nhất mà bạn có thể có — hãy lựa chọn những ngôi nhà tiền chế giá cả phải chăng. Ngôi nhà gập lại tuân theo mô hình nhà tiền chế giá cả phải chăng, có thể bố trí linh hoạt theo yêu cầu của bạn nhằm nâng cao hiệu suất sản xuất và làm cho không gian sống của bạn trở nên an toàn, vững chắc và đáng tin cậy hơn. Phòng có thể được bố trí linh hoạt để đáp ứng các nhu cầu khác nhau, nghĩa là bạn có thể cảm thấy thoải mái ở bất kỳ đâu và bất kỳ lúc nào. Giao hàng nhanh chóng! Vận chuyển và đóng gói cực kỳ nhanh chóng. Chúng tôi sử dụng đội ngũ đóng gói chuyên nghiệp theo đúng thông số kỹ thuật do bạn yêu cầu để đóng gói phòng gập lại, đảm bảo bạn nhận được sản phẩm chất lượng cao nhất. Chúng tôi giám sát toàn bộ quy trình giao hàng nhằm đảm bảo sản phẩm của bạn đến đích một cách an toàn. Quan trọng nhất, phòng gập lại dễ lắp đặt mà không cần hàn tại hiện trường, đồng thời chúng tôi cung cấp hướng dẫn lắp đặt để giúp quá trình lắp đặt của bạn diễn ra nhanh chóng và dễ dàng hơn. Nếu bạn tuân thủ đúng hướng dẫn, việc dựng nhà gập lại sẽ rất đơn giản. Nhà container – giúp cuộc sống của bạn an toàn và thoải mái hơn! Toàn bộ các thành phần kết cấu đều được sản xuất sẵn tại nhà máy. Bằng cách lựa chọn kích thước, cấu hình và thiết kế phù hợp, bạn có thể nhanh chóng xây dựng không gian sống của mình. Dựa trên yêu cầu và sở thích của khách hàng, các module khác nhau có thể được kết hợp linh hoạt để tạo ra nhiều bố trí phòng đa dạng, bao gồm bếp, nhà ở tiền chế giá cả phải chăng và phòng ngủ. Điều quan trọng nhất là nhà container của chúng tôi dễ tháo lắp, kết cấu ổn định, hiệu năng vượt trội — như khả năng chống thấm nước, chống ẩm, chống cháy — đồng thời quy trình lắp đặt đơn giản, dễ quản lý và không yêu cầu trình độ kỹ thuật chuyên sâu. Các nhà container do chúng tôi xây dựng đều được thiết kế linh hoạt nhằm đáp ứng mọi nhu cầu của bạn, dù là làm nơi ở riêng tư, văn phòng tạm thời, kho chứa hay bất kỳ mục đích sử dụng nào khác. Đã đến lúc mua ngay một phòng container — vừa được hưởng mức giá ưu đãi, vừa nhận được dịch vụ chăm sóc khách hàng tận tâm. Nâng tầm chất lượng cuộc sống của bạn bằng cách sở hữu một phòng container! Nhà hình quả táo, thiết kế độc đáo, ngoại thất đẹp mắt, giúp không gian sống của bạn trở nên cá tính hơn. Chúng tôi cung cấp đa dạng màu sắc và phong cách, phù hợp với nhu cầu thẩm mỹ của bạn — từ hiện đại tối giản đến cổ điển hoài cổ. Bắc Kinh Thành Đông tập trung vào nhu cầu người dùng và có thể tùy chỉnh sản phẩm để đáp ứng yêu cầu cụ thể của bạn. Bạn có thể hiện thực hóa ngôi nhà mơ ước bằng cách điều chỉnh mặt bằng, hệ thống cấp điện – cấp nước, hình dáng và các yếu tố khác của những ngôi nhà tiền chế giá cả phải chăng dựa trên sở thích cá nhân. Chúng tôi đã lắp đặt sẵn hệ thống đường ống cấp nước và dây dẫn điện ngay từ giai đoạn tiền chế, nhờ đó tránh được việc đi lại đường điện – đường nước phức tạp sau khi hoàn thiện nội thất, đồng thời nâng cao hiệu quả và chất lượng thi công nội thất. Bạn có thể lựa chọn từ nhiều giải pháp thiết kế nội thất cho phòng khách, khu vực ăn uống, phòng ngủ, phòng tắm, nhà bếp và nhiều không gian khác nữa. Một cuộc sống chất lượng — bắt đầu từ Nhà Hình Quả Táo! Hãy đến và trải nghiệm sức hút đặc biệt của Nhà Hình Quả Táo! CDPH sản xuất và bán nhiều loại nhà mô-đun, nhà tiền chế và nhà biệt thự. Phạm vi rộng rãi của sản phẩm đảm bảo chúng tôi cung cấp giải pháp phù hợp cho mỗi trại công trình.Nhà prefab giá rẻ
Lắp đặt dễ dàng và nhanh chóng cho nhà lắp ghép

Nhà lắp ghép giá rẻ phù hợp với nhu cầu sử dụng phổ biến

Xu hướng hàng đầu trong thiết kế nhà lắp ghép

Những điều cần cân nhắc khi mua nhà lắp ghép
Why choose CDPH
Nhà prefab giá rẻ?
Sản phẩm mới nhà tiền chế
Nhà gập chất lượng cao
Container nhà bán chạy
Kiểu dáng hiện đại nhà cabin táo
Không Tìm Thấy Thứ Bạn Đang Tìm?
Yêu Cầu Báo Giá Ngay
Liên hệ với các chuyên gia tư vấn của chúng tôi để biết thêm sản phẩm có sẵn.Liên hệ với chúng tôi
27+ Năm Kinh Nghiệm
Xây dựng Trại Công trình