모듈러 하우스 가격은 얼마인가와 같은 제품도 포함됩니다...">
,需要通过父级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의 제품도 있습니다. 모듈러 하우스의 가격은 얼마인가요 . 그 중 하나의 예는 프리팹 키트 하우스입니다. 본 문서는 프리팹 키트 하우스와 왜 당신과 같은 가족에게 유익할 수 있는지에 대해 다룹니다. 기본적으로, 프리팹 키트 하우스는 공장에서 건축되어 당신의 땅으로 운송되는 형태의 집입니다. 그 또는 그녀는 이러한 주거가 현장에서 통합된 하나의 부품이 아닌 모듈 내에 있다고 말했습니다. 그런 다음, 이 모듈들은 당신이 거주하고자 하는 위치에서 완벽하게 결합됩니다. 그 특징 중 하나는, 당신이 선호하는 방식대로 키트를 쉽게 변경할 수 있다는 것입니다. 이는 당신이 집의 크기를 선택하고, 각 층의 방 위치를 정하며, 새 집의 색상 및 마감재를 결정할 수 있게 해줍니다. 즉, 이는 당신의 스타일과 요구 사항에 따라 매우 주관적인 선택이 될 것입니다. 다음 주택으로 프리팹 키트 하우스를 선택하는 것이 당신이 ever 내린 가장 현명한 결정일 수 있는 이유가 많습니다. 그리고 모듈러 하우스란 무엇인가 cDPH에 의해 만들어졌습니다... 이와 관련된 가장 큰 이유는 일반 주택과 비교했을 때 건설 시간이 더 적게 걸린다는 것입니다. 주요 부품들이 현장 외부에서 제작되기 때문에 공장에서 건설 시 날씨 지연이나 유사한 문제를 걱정할 필요가 없습니다. 귀하의 집은 2주 안에 조립될 수 있습니다. 주요 이유 중 하나는 프리팹 키트 홈이 전통적인 것보다 종종 더 환경 친화적이라는 것입니다. 이러한 주택은 일반적으로 에너지를 덜 사용하기 때문에 (전기 요금을 절약할 수 있음) 일부 사람들에게는 집을 짓는 것이 어렵고 복잡한 작업이지만 실제로 프리팹 키트 하우스는 모든 것을 훨씬 더 간단하게 만들어 주며, CDPH도 마찬가지입니다. 모듈러 주택 가격 홈의 기능과 마감재를 선택하면 현장에서 모든 것을 조립하는 데 몇 주밖에 걸리지 않습니다. 이는 새로운 집으로 이사 가서 가능한 한 빨리 생활을 시작할 수 있도록 해줍니다. 얼마 지나지 않아 새로운 집에서 추억을 만들 수 있게 됩니다. 비용이 적게 드름: 프리팹 키트 하우스는 실제 집보다 건축 비용이 저렴할 수 있습니다, 동일한 조립식 주택 중국 cDPH에서 제작했습니다. 건설도 더 쉬우며, 자재 구매가 대량으로 이루어질 수 있기 때문에 총 비용이 더 낮아질 수 있습니다. 이는 저예산의 가족들에게 매우 좋습니다. 그리고 이러한 집들은 에너지 효율성이 더 높게 설계되는 경우가 많아 - 건축주가 다른 부분에서 품질을 줄이지 않았으므로, 투자 수익은 낮은 월별 요금을 의미합니다. 즉, 다른 즐거움에 대한 여유 자금이 더 많아진다는 것을 의미합니다. 프리팹 키트 하우스의 아이디어는 또한 건설 중 발생하는 폐기물이 훨씬 적고 지구에 유익한 재료(예: 친환경)로 만들어져 환경에도 더 좋습니다. 프리팹 주택 키트는 여러 가지 유형이 있습니다. 프리팹 주택 소유주는 이 옵션에서 집이 어떻게 생겼는지, 어떤 자재가 건설에 사용되었는지 선택할 수 있으며, CDPH의 제품과 관련된 내용도 포함됩니다. 프리팹 소형 주택 . 많은 사람들이 감사하는 빠르고 쉬운 허브 구축 방법이며, 또한 프리팹 키트 주택은 전반적으로 비용 효율적이고 환경 친화적이어서 여러분에게 지혜로운 선택이 됩니다. 컨테이너 하우스를 설치하여 집을 더 안전하고 쾌적하게 만드세요! 모든 구조 부품은 공장에서 미리 제작되므로 원하는 크기, 구성 및 스타일을 선택함으로써 신속하게 주거 공간을 만들 수 있습니다. 필요와 선호에 따라 여러 모듈을 결합하여 거실, 주방, 침실 등 다양한 다기능 실내 배치가 가능한 프리패브 키트 하우스를 구성할 수 있습니다. 가장 중요한 점은 우리가 사용하는 컨테이너 하우스가 분해와 조립이 용이하며 견고한 구조를 지녔고, 방수, 내화 성능이 뛰어나 설치 과정도 간단하고 관리하기 쉬우며 특별한 기술 전문 지식이 필요하지 않다는 것입니다. 개인 주거용, 저장공간, 임시 사무실 또는 기타 목적까지, 프리패브 컨테이너 하우스는 귀하의 요구에 맞게 설계되었습니다. 오늘 당장 박스룸을 활용하시고, 더 나은 가격과 더 나은 서비스를 누리세요. 삶의 질을 향상시키세요! 프리팹 키트 하우스는 특별한 기술이 필요 없으며 쉽게 건축할 수 있습니다. 거주, 사무실, 저장 또는 기타 목적으로 사용할 수 있습니다. 사과 모양의 캐빈으로, 독특한 형태와 아름다운 외관이 당신의 집을 더욱 개성 있게 만들어 줍니다. 당사는 심플한 현대 스타일부터 전통 스타일까지 다양한 스타일과 색상을 보유하여 귀하의 취향에 맞게 선택할 수 있습니다. 베이징 청둥은 프리패브 키트 하우스에 특화되어 있으며, 고객의 요구에 따라 맞춤 제작이 가능합니다. 이상적이고 독점적인 주택을 조성하기 위해 설계, 평면도, 수도 및 전기 시설 등을 모두 맞춤형으로 구성할 수 있습니다. 시공 전에 전기 및 상하수도 배관을 미리 설계하고 설치함으로써, 집 장식 후 배관 재배치에 소요되는 시간을 절약하며 인테리어의 효율성과 품질을 높였습니다. 거실, 다이닝 공간, 침실, 주방 등 생활 공간에 다양한 인테리어 디자인 솔루션 중에서 선택할 수 있습니다. 고품질의 삶을 원하신다면 애플 하우스에서 시작하세요! 애플 하우스는 독보적인 공간입니다! 접이식 주택은 전통적인 주택의 모듈식 스타일을 따르며, 대량 생산을 달성하고 거주 환경을 더욱 안정적이고 안전하게 만들기 위해 귀하의 요구 사항에 따라 구성할 수 있습니다. 방은 다양한 요구를 충족시키기 위해 유연하게 조합할 수 있으므로, 원하는 장소와 시간에 프리패브(Prefab) 키트 하우스에서 생활할 수 있습니다. 빠른 배송! 포장 및 배송 또한 신속하게 이루어지며, 귀하의 사양에 따라 접이식 방을 포장하기 위해 전문 포장 팀을 운영하여 최고 품질의 제품을 제공합니다. 귀하의 물품이 안전하고 확실한 방법으로 목적지에 도착하도록 모든 배송 과정을 모니터링할 것입니다. 접이식 방은 현장에서 용접 없이 설치가 가능하며, 설치 가이드라인을 제공하여 설치 과정을 보다 빠르고 간편하게 만들어 드립니다. 가이드의 모든 단계를 따르기만 한다면 접이식 주택의 조립을 쉽게 완료할 수 있습니다. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.프리팹 키트 하우스
다음 주택으로 프리팹 키트 하우스를 선택하는 이점

프리팹 키트 하우스로 빠르고 쉽게 집 짓기

프리팹 키트 하우스로 실용적이고 지속 가능한 생활하기

현대적인 라이프스타일을 위한 프리팹 키트 하우스의 가능성 탐구.
Why choose CDPH
프리팹 키트 하우스?
좋은 판매 컨테이너 하우스
신규 도착 사전 제작 주택
현대식 애플 캐빈
고품질 접이식 주택
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.문의하기
27년 이상의 경력
공사 캠프 건설