세그먼트인 소형 주택은 점차 인기를 끌고 있습니다...">
,需要通过父级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);
}
});
})();
새로운 집으로 이사 가고 싶으세요? 모듈형 주택 가격 주택 구매 트렌드에서 급상승하는 세그먼트 중 하나인 작은 집이 매우 매력적인 특징들을 포함하고 있어 훌륭한 선택이 되었습니다! 그래서 여기서 다섯 가지 중요한 이유를 소개하겠습니다. CDPH 모듈러 디자인 집을 지을 때 더 진지하게 고려해야 할 이유들입니다. 모듈러 하우스의 놀라운 점 중 하나는 일반 주택보다 보통 더 저렴하다는 것입니다. 이 집들은 공장에서 만들어지고, 작업자들이 모든 부품을 신속하게 제작할 수 있어 준비 시간이 필요하지 않습니다. 부품이 만들어지면 최종 건설 장소로 운반됩니다. 그곳에서 작업자들은 이를 마치 큰 퍼즐을 맞추듯이 조립합니다. 이러한 방식의 건축은 처음부터 전체 집을 짓는 것에 비해 시간과 비용을 절약할 수 있습니다. 따라서 새로운 집을 구입할 때 좋은 거래를 찾고 있다면 모듈러 방식이 고려해볼 만한 선택일 수 있습니다! CDPH의 좋은 점 중 하나는 미니하우스 모듈식 주택 귀하의 요구 사항에 맞게 조정할 수 있다는 것입니다. 다양한 평면도 옵션, 크기 및 색상 중에서 선택하는 재미를 누릴 수 있습니다(샘플 사진과는 다를 수 있음). 이상적인 집을 설계하여 가족에게 최적화된 집을 만드세요. 환경 보호에 관심이 있다면 모듈러 홈은 또한 친환경적이 될 가능성이 있습니다. 태양광 패널과 재활용 단열재가 바로 그런 예입니다. 이렇게 함으로써 꿈꾸던 집을 가지면서도 지구를 구하기 위해 도움을 줄 수 있습니다. 그들은 시간은 돈이라고 말하는데, 이는 CDPH와 함께 건설에도 똑같이 적용됩니다. 모듈러 주택 판매 모듈러 주택의 구성 요소가 공장에서 제작되기 때문에 전통적인 방법과 달리 날씨로 인한 공사 지연이 전혀 없습니다. 이는 비나 눈으로 인해 대기하거나(또는 작업 속도를 줄이지 않아도 된다는 것을 의미합니다. 또한 현장에서 부품들이 놀라울 정도로 신속하게 조립되므로 예상보다 훨씬 빨리 새 집으로 이사 갈 수 있습니다! 모듈러 주택은 실용적이 뿐만 아니라 매우 세련된 디자인도 갖출 수 있습니다! 모든 설계에는 현대적, 전통적 스타일 또는 두 가지를 혼합한 다양한 스타일을 탐구할 기회가 있습니다. 그리고 분명히 당신만의 특별한 감각으로 더욱 멋지게 꾸미고 싶어질 것입니다. 모듈러 주택 비용 물론 공장에서 제작되기 때문에 품질에 대한 신뢰가 큽니다. 즉, 집이 단순히 멋져 보이는 것에 그치지 않고 시간의 시험을 견딜 수 있도록 건축되었다는 것을 의미합니다! 마지막으로 좋은 점 중 하나는 미니하우스 모듈식 주거 그것은 아름답고 실용적이면서 한 번에 둘 다를 충족시킬 수 있다는 것입니다. 이 블로그 게시물에서는 집을 설계하여 당신의 필요를 잘 충족시키는 몇 가지 창의적인 방법에 대해 설명하겠습니다. 이것은 추가 수납공간처럼 간단할 수도 있고, 오픈 플로어 플랜을 도입하여 집이 더 넓고 따뜻하게 느껴지게 하는 등 복잡할 수도 있습니다. 모듈러 홈이 기능적이고 아름다운 공간이 될 것임을 확신할 수 있으며, 무한한 맞춤화와 디자인 옵션을 제공합니다. 애플 하우스, 독특한 디자인과 아름다운 외관으로 당신의 집을 더욱 개성 있게 연출합니다. 기본적인 모던 스타일부터 빈티지 스타일까지, 다양한 스타일과 색상으로 고객님의 취향에 맞는 선택지를 폭넓게 제공합니다. 베이징 청둥(Chengdong)은 사용자 니즈를 중시하며, 고객님의 선호도에 따라 맞춤형 설계가 가능합니다. 고객님의 개별적인 욕구와 선호도에 따라 모듈식 주택의 스타일, 배치, 급배수 및 전기 설비 등을 자유롭게 조정하여, 오직 당신만을 위한 완벽한 주거 공간을 창조할 수 있습니다. 전기 및 배관 설비를 사전에 프리패브릭레이션함으로써, 인테리어 공사 후 파이프 재배치라는 번거로운 과정을 피할 수 있어, 인테리어 공사의 효율성과 품질을 동시에 높일 수 있습니다. 거실, 식당, 침실, 욕실, 주방 등 생활 공간 전반에 걸쳐 다양한 인테리어 솔루션을 선택하실 수 있습니다. 고품질의 삶을 선사하는 애플 하우스! 애플 하우스만의 독보적인 매력을 직접 경험해 보세요! 컨테이너 하우스 — 당신의 안전을 보장하고 삶을 더욱 쾌적하게 만들어 드립니다! 당사는 표준 모듈식 설계를 활용하며, 모든 구조 부재는 모듈식 주택용 부재로 제작되어 정확한 치수와 배치가 보장되므로, 고객님의 요구 사항에 완벽히 부합하는 거주 공간을 손쉽게 조립하실 수 있습니다. 고객님의 니즈와 선호도에 따라 다양한 모듈을 조합하여 주방, 거실, 침실 등 각기 다른 용도의 실내 공간을 유연하게 구성할 수 있습니다. 특히 당사에서 사용하는 컨테이너 하우스는 분해 및 재조립이 용이하면서도 견고한 구조를 자랑하며, 방수, 부식 방지, 내화성 등 뛰어난 성능을 갖추고 있습니다. 설치 과정 또한 간단하고 관리하기 쉬워 특별한 기술 전문 지식이 필요하지 않습니다. 개인 거주용, 저장 공간, 임시 사무실 등 어떠한 용도에도 적합하도록 설계된 당사의 프리패브 컨테이너 하우스는 고객님의 다양한 니즈를 충족시켜 드립니다. 지금이 바로 컨테이너 공간을 구입하여 합리적인 가격과 세심한 고객 서비스를 동시에 누릴 최적의 시기입니다! 컨테이너 공간을 통해 더 나은 삶을 시작하세요! 프리패브릭레이티드 하우스는 조립식 주택으로, 특별한 지식 없이도 쉽게 조립할 수 있습니다. 사무실, 거주 공간, 창고 또는 기타 용도로 사용하기에 적합합니다. 접이식 주택은 귀하의 집에 맞는 특별한 요구사항에 따라 구성할 수 있는 모듈식 시스템을 사용하여 설계되었습니다. 이는 모듈형 디자인 주택을 가능하게 하며, 주택의 안전성과 안정성을 더욱 강화합니다. 방은 다양한 요구 사항에 대응하기 위해 다른 방들과 연결될 수 있으므로, 언제 어디서나 편안하게 생활할 수 있습니다. 빠른 배송! 또한 우리는 신속한 포장 및 배송 서비스를 제공합니다. 전문 포장 팀이 고객의 요구사항에 따라 접이식 방을 포장하며, 배송 과정의 모든 단계를 철저히 관리하여 귀하의 물품이 안전하게 목적지에 도착하도록 보장합니다. 가장 좋은 점은 현장에서 용접 없이도 설치가 간편하다는 것이며, 설치 가이드를 제공하여 설치 과정을 더욱 빠르고 쉽게 만들어 드립니다. 가이드의 모든 단계를 준수하고 절차를 따르면 접이식 주택의 건설을 완료할 수 있습니다. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.모듈러 디자인 주택
맞춤형 및 친환경 모듈러 주택

모듈러 디자인 홈의 시간 절약 장점

모듈러 주택을 위한 혁신적인 디자인 방안

스タイ리시하고 기능적인 모듈러 건축물
Why choose CDPH
모듈러 디자인 주택?
현대식 애플 캐빈
좋은 판매 컨테이너 하우스
신규 도착 사전 제작 주택
고품질 접이식 주택
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.문의하기
27년 이상의 경력
공사 캠프 건설