모듈러 하우스 가격은 얼마인가와 같은 제품도 포함됩니다...">
,需要通过父级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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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')) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: content,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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의 제품과 관련된 내용도 포함됩니다. 프리팹 소형 주택 . 많은 사람들이 감사하는 빠르고 쉬운 허브 구축 방법이며, 또한 프리팹 키트 주택은 전반적으로 비용 효율적이고 환경 친화적이어서 여러분에게 지혜로운 선택이 됩니다. 애플 하우스: 독특한 디자인과 아름다운 외관으로, 당신의 집을 더욱 개성 있게 만들어 줍니다. 심플하고 현대적인 스타일부터 빈티지 스타일까지, 다양한 스타일과 색상 옵션을 제공하여 개인의 취향에 맞춘 선택이 가능합니다. 베이징 청둥(Chengdong)은 사용자 니즈에 초점을 맞추어, 고객의 요구 사항에 따라 맞춤형 설계가 가능합니다. 따라서 주거 공간의 형태뿐 아니라 배치, 급수 시설, 전기 설비 등도 개인의 선호와 욕구에 따라 자유롭게 조정할 수 있어, 오직 당신만을 위한 완벽한 주택을 실현할 수 있습니다. 우리는 미리 전기 및 수도 배관을 설치함으로써, 모듈러 주택(프리패브 키트 하우스)에서 종종 발생하는 인테리어 공사 후 급수·전기 배관 재배치 작업을 방지하고, 인테리어 공사의 효율성과 품질을 동시에 향상시켰습니다. 거실, 식당, 침실, 욕실 등 다양한 실내 배치 옵션을 폭넓게 제공하며, 고객의 요구와 선호에 따라 원하는 대로 선택하여 나만의 이상적인 주거 환경을 창조할 수 있습니다. 애플 하우스 — 최고 품질의 라이프스타일을 선사합니다! 애플 하우스는 특별한 곳입니다! 프리팹 키트 하우스는 특별한 기술이 필요 없으며 쉽게 건축할 수 있습니다. 거주, 사무실, 저장 또는 기타 목적으로 사용할 수 있습니다. 컨테이너 하우스는 당신의 안전을 보장하고 삶을 더 편안하게 만들어 줍니다! 모든 프리팹 키트 주택은 공장에서 제작됩니다. 적절한 크기, 구성 및 설계를 선택하면 생활 공간을 빠르게 만들 수 있습니다. 필요와 선호에 따라 다양한 모듈을 결합하여 거실, 주방, 침실과 같은 다기능 거주 공간을 만들 수 있습니다. 가장 중요한 점은 우리의 컨테이너 하우스가 간단히 분리하고 조립할 수 있으며, 안정적이고 견고한 구조로 우수한 품질을 자랑하며 방수, 방습, 방화 기능을 갖추고 있고 설치 과정도 매우 쉽고 특별한 기술이 필요하지 않습니다. 개인 공간, 저장용, 임시 사무실 용도 또는 기타 이유로 인해 우리의 프리팹 컨테이너 홈은 귀하의 요구에 맞게 제작됩니다. 지금 박스룸을 구입하고 더 낮은 비용과 더 주의 깊은 서비스를 즐기세요. 생활 경험을 더욱 향상시키세요! 접이식 주택은 표준 모듈식 설계를 기반으로 하여 귀하의 가족 요구에 따라 맞춤 구성이 가능하며, 대량 생산을 실현함으로써 거주 공간을 보다 안정적이고 안전하며 신뢰성 있게 만들어 드립니다. 접이식 방은 다양한 방식으로 배치할 수 있어 다양한 요구 사항을 충족시켜 주며, 언제 어디서나 편안하게 생활하실 수 있습니다. 빠른 납품! 또한 효율적인 포장 및 배송 서비스를 제공합니다. 당사의 전문 포장 팀이 고객의 요구 사항에 따라 접이식 방을 정확히 포장해 드립니다. 배송 과정에서는 모든 단계를 철저히 모니터링하여 프리패브 키트 주택이 지정된 장소로 정확히 도착하도록 합니다. 무엇보다도 이 방은 현장 용접 없이 간편하게 설치할 수 있으며, 설치를 더욱 쉽고 빠르게 하기 위해 설치 설명서도 함께 제공합니다. 설명서에 따라 설치하시면 접이식 주택을 손쉽게 조립하실 수 있습니다. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.프리팹 키트 하우스
다음 주택으로 프리팹 키트 하우스를 선택하는 이점

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

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

현대적인 라이프스타일을 위한 프리팹 키트 하우스의 가능성 탐구.
Why choose CDPH
프리팹 키트 하우스?
현대식 애플 캐빈
신규 도착 사전 제작 주택
좋은 판매 컨테이너 하우스
고품질 접이식 주택
찾으시는 제품이 없으신가요?
견적 요청하기
더 많은 제품 정보를 위해 저희 컨설턴트에게 문의하십시오.문의하기
27년 이상의 경력
공사 캠프 건설