작은 집 모듈러 주택 의 실제 비용을 이해하는 것은 다소 어려울 수 있습니다. 모듈러 주택은 얼마나 들까요? 단지 약...">
,需要通过父级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 건설 비용을 절감할 수 있는 몇 가지 간단한 팁이 있습니다. 모듈러 홈 작은 집 첫째와 둘째로 예산을 철저히 유지하고 추가 비용을 지불하지 않는 것이 중요합니다. 또한 자재와 인건비에 있어 가장 유리한 조건을 찾아 장기적으로 큰 절감 효과를 볼 수 있습니다. 마지막으로, 최종 금액을 더욱 낮출 수 있는 할인 혜택이나 프로모션을 적극 활용하는 것을 잊지 마세요. CDPH 건설 시 발생할 수 있는 몇 가지 숨겨진 비용이 있습니다. 집 모듈식 주택 , 그러나 이는 집주인들이 종종 알기 어려운 부분이며, 간과하기 쉬운 항목입니다. 또한 허가 비용이나 부지 조성의 난이도에 따라 다양한 추가 비용이 발생할 수 있습니다. 이러한 숨겨진 비용들을 미리 알고 있다면, 실제로 마주했을 때 더 잘 대비할 수 있으며 예상치 못한 지출로 인한 충격을 받지 않을 수 있습니다. 가격을 구성하는 요소를 분석해보면 주택 설계 모듈러 주택 주택의 가격은 주택의 크기, 설계의 복잡성, 자재와 마감재의 품질에 따라 결정됩니다. 이러한 요소들을 이해하면 모듈식 주택 건설 프로젝트를 보다 효과적으로 관리하고 예산 내에서 진행할 수 있습니다. 프리패브릭레이티드 하우스는 조립이 간편하며 특별한 전문 지식이 필요하지 않습니다. 이는 모듈러 주택 비용, 사무실, 창고 또는 기타 어떤 용도로도 사용할 수 있습니다. 접이식 주택은 고객의 주택에 맞춘 특정 요구 사항에 따라 구성할 수 있는 모듈식 시스템을 기반으로 설계되었습니다. 이를 통해 모듈형 주택의 비용을 절감할 수 있으며, 주택의 안전성과 구조적 안정성을 높일 수 있습니다. 이 공간은 다른 공간과 결합하여 다양한 요구 사항을 충족시킬 수 있으므로, 언제 어디서나 편안하게 거주할 수 있습니다. 빠른 납품! 또한 신속한 포장 및 배송 서비스를 제공합니다. 당사의 전문 포장 팀이 고객의 요구 사항에 따라 접이식 주택을 정성스럽게 포장합니다. 배송 과정의 모든 단계를 실시간으로 모니터링하여 귀하의 제품이 안전하게 목적지에 도달하도록 보장합니다. 가장 큰 장점은 현장 용접 없이도 접이식 주택을 쉽게 조립할 수 있다는 점이며, 설치 과정을 더욱 빠르고 간편하게 하기 위해 설치 가이드를 제공합니다. 가이드에 명시된 모든 단계를 준수하고 순차적으로 진행한다면, 접이식 주택의 건축 공사를 성공적으로 완료하실 수 있습니다. 애플 캐빈: 독특한 디자인과 아름다운 외관으로, 당신의 집을 더욱 개성 있게 만들어 줍니다. 당사는 심플하고 현대적인 스타일부터 빈티지 스타일까지 다양한 스타일과 색상 옵션을 제공하여 고객 각자의 취향에 맞춘 선택이 가능합니다. 베이징 청둥(Chengdong)은 사용자 니즈에 초점을 맞추어, 고객의 요구 사항에 따라 맞춤형 설계가 가능합니다. 따라서 주택의 형태뿐 아니라 배치, 급수, 전기 등 모든 요소를 귀하의 개별적 선호와 욕구에 따라 자유롭게 조정할 수 있어, 오직 당신만을 위한 완벽한 주거 공간을 창조할 수 있습니다. 당사는 사전에 전기 및 수도 배관을 설치함으로써, 인테리어 공사 후 급수·전기 배관 재배치라는 모듈러 하우스의 일반적인 비용 부담을 사전에 방지하고, 동시에 인테리어 공사의 효율성과 품질을 향상시킵니다. 거실, 식당, 침실, 욕실 등 다양한 실내 배치 옵션을 폭넓게 제공하며, 고객의 요구와 선호에 따라 선택하실 수 있어, 오직 당신만을 위한 이상적인 주거 환경을 구현할 수 있습니다. 애플 하우스(Apple House) — 최고 품질의 라이프스타일을 선사합니다! 애플 하우스는 특별한 공간입니다! 컨테이너 하우스 — 당신의 삶을 더욱 안전하고 쾌적하게 만들어 드립니다! 구조 부재는 모두 공장에서 사전 제작됩니다. 적절한 크기, 배치 및 디자인을 선택함으로써 주거 공간을 신속하게 조립할 수 있습니다. 고객의 요구사항과 선호도에 따라 다양한 모듈을 조합하여 주방, 침실 등 다양한 실내 레이아웃을 구성할 수 있습니다. 모듈러 하우스 비용 또한 합리적입니다. 무엇보다 중요한 점은, 당사의 컨테이너 하우스가 분해 및 재조립이 간편하고, 구조가 안정적이며, 방수·방습·방화 성능이 뛰어나고, 설치 과정이 단순하여 관리가 용이하며, 특별한 기술력이 필요하지 않다는 점입니다. 당사에서 제작하는 컨테이너 하우스는 개인 주택, 임시 사무실, 창고 또는 기타 용도 등 고객의 다양한 니즈에 맞춰 설계·제작됩니다. 지금 바로 박스룸을 구매하세요! 저렴한 가격과 세심한 고객 서비스를 동시에 누리실 수 있습니다. 컨테이너 룸을 구입하여 삶의 질을 한층 높여 보세요! CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.모듈식 주택 비용
모듈러 주택 건축 비용과 전통적인 건축 방식 비교

모듈러 주택 건설 비용 절감을 위한 팁

모듈러 주택의 숨겨진 비용 공개

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