. "Sự nổi lên của những ngôi nhà container" đã cho chúng ta thấy rằng ...">
,需要通过父级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);
}
});
})();
Không nghi ngờ gì nữa, ngày nay rất nhiều người quan tâm đến việc sở hữu một Nhà Container Cao Cấp . 'Sự nổi lên của những ngôi nhà container' đã cho thấy rằng những khoản chi phí này cùng với những container vận chuyển tái chế có thể được cải tạo thành những ngôi nhà sang trọng, mang đến cho chúng ta mọi sự thoải mái và tinh tế như một ngôi nhà thông thường. Với một chút sáng tạo và cá nhân hóa, những không gian nhỏ này có thể được biến đổi thành những khu vực sống hiện đại, linh hoạt, mời gọi lối sống sang trọng. CDPH là chuyên gia trong lĩnh vực nhà container sang trọng, cung cấp nhiều lựa chọn ý nghĩa cho các lối sống thay thế. Những ngôi nhà được thiết kế bền vững và sáng tạo, thu hút những tâm trí có ý thức. Lấy cảm hứng từ những ngôi nhà container, CDPH tái chế các container vận chuyển và biến chúng thành những ngôi nhà hiện đại, hợp thời trang, vừa hấp dẫn về thẩm mỹ vừa tiện nghi để sinh sống. Một trong những lợi thế khi sở hữu một căn nhà container sang trọng là tiết kiệm chi phí. Nhà container thường rẻ hơn nhiều so với nhà thông thường, do đó đây có thể là lựa chọn lý tưởng nếu bạn đang tìm kiếm một ngôi nhà nhỏ hơn hoặc muốn giảm chi phí sinh hoạt. Nhà container cũng yêu cầu ít bảo trì và có độ bền cao, đại diện cho một khoản đầu tư thông minh cho tương lai. CDPH thiết kế những ngôi nhà container cao cấp có thể tùy chỉnh theo nhiều cách khác nhau. Các lựa chọn dao động từ phong cách hiện đại, trẻ trung đến ấm cúng và sống động – có thứ gì đó phù hợp với mọi người. Với sự hỗ trợ của các nhà thiết kế chuyên gia của CDPH, bạn có thể tự thiết kế ngôi nhà mơ ước của mình trên nền tảng là những container vận chuyển. Ngôi nhà có thể tùy chỉnh về bố cục, vật liệu và lớp hoàn thiện. Dù bạn muốn phong cách hiện đại, tối giản với những đường nét thẳng, sạch sẽ và màu sắc trung tính hay cầu kỳ, rực rỡ màu sắc, CDPH đều đáp ứng được. Từ những lớp hoàn thiện chất lượng cao đến các thiết bị hàng đầu, CDPH cam kết mỗi ngôi nhà container cao cấp đều được cá nhân hóa theo sở thích và lối sống riêng của từng khách hàng. Cuộc sống hiện đại trong một ngôi nhà container cao cấp không nhất thiết phải bất tiện hay thiếu thẩm mỹ. Các ngôi nhà CDPH tập trung vào không gian và việc sử dụng hiệu quả, mang đến mọi tiện nghi mà một ngôi nhà thông thường có, nhưng được đóng gói một cách hiệu quả hơn. Từ quy hoạch thiết kế thông minh đến thi công tỉ mỉ, chú trọng từng chi tiết, CDPH đảm bảo rằng mỗi inch vuông không gian đều được sử dụng một cách tối ưu. Theo CDPH, các ngôi nhà container cao cấp của họ có trần cao, cửa sổ lớn và bố trí không gian mở, mang lại cảm giác "rộng rãi và thông thoáng xuyên suốt toàn bộ không gian". Những ngôi nhà này được thiết kế để tràn ngập ánh sáng tự nhiên và có tầm nhìn tuyệt đẹp ra vùng ngoại ô như một phần của nội thất. Với những phòng ngủ thoải mái, nhà bếp hiện đại và phòng tắm thanh lịch, các ngôi nhà của CDPH cung cấp đầy đủ mọi tiện nghi của một ngôi nhà sang trọng nhưng ở dạng nhỏ gọn và bền vững. Nhà container, đảm bảo an toàn cho bạn và mang đến cuộc sống tiện nghi hơn! Tất cả các ngôi nhà container cao cấp đều được sản xuất tại nhà máy. Khi bạn 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 tạo dựng không gian sống của mình. Theo nhu cầu và sở thích cá nhân, các module khác nhau có thể được kết hợp để tạo thành các bố trí phòng đa dạng, hình thành không gian sống đa chức năng như phòng khách, bếp và phòng ngủ. Yếu tố quan trọng nhất là nhà container của chúng tôi dễ tháo lắp, có kết cấu ổn định, chắc chắn, chất lượng cao, đồng thời đạt tiêu chuẩn chống thấm, chống ẩm, chống cháy; quy trình lắp đặt đơn giản, dễ vận hành và không yêu cầu trình độ kỹ thuật chuyên biệt nào. Dù bạn cần không gian riêng tư, kho chứa hàng, văn phòng tạm thời hay vì bất kỳ mục đích nào khác, các ngôi nhà container tiền chế của chúng tôi đều được thiết kế linh hoạt nhằm đáp ứng đúng yêu cầu của bạn. Hãy mua ngay một phòng container để tận hưởng chi phí thấp hơn và dịch vụ chăm sóc chu đáo hơn — nâng tầm trải nghiệm sống của bạn! Nhà cabin hình 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 mọ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 cũng như các yếu tố khác cho những căn nhà container cao cấp theo 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 phải đi lại đường điện – đường nước 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 dành riêng 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. Một cuộc sống chất lượng — bắt đầu từ Nhà Táo! Hãy đến và trải nghiệm sức hút độc đáo của Nhà Táo! Các ngôi nhà tiền chế dễ lắp ráp và không yêu cầu bất kỳ kiến thức chuyên môn nào. Chúng có thể được sử dụng làm nhà container cao cấp, văn phòng, kho chứa hoặc cho bất kỳ mục đích nào khác. Ngôi nhà gập được thiết kế theo phong cách mô-đun của một ngôi nhà truyền thống, có thể được cấu hình linh hoạt theo yêu cầu của bạn nhằm đạt được sản xuất hàng loạt và làm cho môi trường sống của bạn trở nên ổn định, an toàn và bảo mật hơn. Các phòng có thể được kết hợp một cách linh hoạt để đáp ứng các nhu cầu khác nhau, nhờ đó bạn có thể sinh sống trong những ngôi nhà container cao cấp ở bất kỳ đâu và bất kỳ lúc nào. Giao hàng nhanh! Đóng gói và vận chuyển cũng được thực hiện nhanh chóng; chúng tôi sử dụng đội ngũ đóng gói chuyên nghiệp, đóng gói phòng gập theo đúng thông số kỹ thuật do bạn cung cấp nhằm đảm bảo bạn nhận được sản phẩm chất lượng cao nhất. Chúng tôi sẽ giám sát toàn bộ quy trình giao hàng để đảm bảo hàng hóa của bạn đến đích một cách an toàn và bảo mật. Phòng gập có thể được lắp đặt mà không cần hàn kết cấu 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 này trở nên nhanh chóng và đơn giản hơn. Miễn là bạn tuân thủ đầy đủ các bước trong hướng dẫn, việc lắp ráp ngôi nhà gập sẽ rất dễ dàng. 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à container sang trọng
Sự trỗi dậy của nhà container

Sống Thịnh Vượng trong Các Container Vận Chuyển Tái Chế

Tùy Chỉnh Nhà Container Thành Những Căn Nhà Sang Trọng

Đón Nhận Lối Sống Sang Trọng trong Không Gian Nhỏ Gọn
Why choose CDPH
nhà container sang trọng?
Container nhà bán chạy
Kiểu dáng hiện đại nhà cabin táo
Sản phẩm mới nhà tiền chế
Nhà gập chất lượng cao
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